From 5701d7847bcb8ea78195514336d334df8b3c4800 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 1 Sep 2020 13:16:00 -0400 Subject: [PATCH] Add dark mode variant (#2279) * Initial dark mode prototype * Isolate dark mode logic to config extension * Update fixtures * Fix lint warnings --- __tests__/darkMode.test.js | 240 + .../fixtures/tailwind-output-flagged.css | 211232 +++++++++------ src/featureFlags.js | 1 + src/flagged/darkModeVariant.js | 47 + src/index.js | 5 + src/lib/substituteVariantsAtRules.js | 2 +- 6 files changed, 135460 insertions(+), 76067 deletions(-) create mode 100644 __tests__/darkMode.test.js create mode 100644 src/flagged/darkModeVariant.js diff --git a/__tests__/darkMode.test.js b/__tests__/darkMode.test.js new file mode 100644 index 000000000000..5c3555ae6415 --- /dev/null +++ b/__tests__/darkMode.test.js @@ -0,0 +1,240 @@ +import postcss from 'postcss' +import tailwind from '../src/index' + +function run(input, config = {}) { + return postcss([tailwind({ experimental: { darkModeVariant: true }, ...config })]).process( + input, + { from: undefined } + ) +} + +test('dark mode variants cannot be generated without enabling the dark mode experiment', () => { + const input = ` + @variants dark { + .text-red { + color: red; + } + } + ` + + expect.assertions(1) + return expect(run(input, { experimental: {} })).rejects.toThrow() +}) + +test('generating dark mode variants uses the media strategy by default', () => { + const input = ` + @variants dark { + .text-red { + color: red; + } + } + ` + + const expected = ` + .text-red { + color: red; + } + @media (prefers-color-scheme: dark) { + .dark\\:text-red { + color: red; + } + } + ` + + expect.assertions(2) + + return run(input).then(result => { + expect(result.css).toMatchCss(expected) + expect(result.warnings().length).toBe(0) + }) +}) + +test('dark mode variants can be generated using the class strategy', () => { + const input = ` + @variants dark { + .text-red { + color: red; + } + } + ` + + const expected = ` + .text-red { + color: red; + } + .dark .dark\\:text-red { + color: red; + } + ` + + expect.assertions(2) + + return run(input, { dark: 'class' }).then(result => { + expect(result.css).toMatchCss(expected) + expect(result.warnings().length).toBe(0) + }) +}) + +test('dark mode variants stack with other variants', () => { + const input = ` + @variants responsive, dark, hover, focus { + .text-red { + color: red; + } + } + ` + + const expected = ` + .text-red { + color: red; + } + .hover\\:text-red:hover { + color: red; + } + .focus\\:text-red:focus { + color: red; + } + @media (prefers-color-scheme: dark) { + .dark\\:text-red { + color: red; + } + .dark\\:hover\\:text-red:hover { + color: red; + } + .dark\\:focus\\:text-red:focus { + color: red; + } + } + @media (min-width: 500px) { + .sm\\:text-red { + color: red; + } + .sm\\:hover\\:text-red:hover { + color: red; + } + .sm\\:focus\\:text-red:focus { + color: red; + } + @media (prefers-color-scheme: dark) { + .sm\\:dark\\:text-red { + color: red; + } + .sm\\:dark\\:hover\\:text-red:hover { + color: red; + } + .sm\\:dark\\:focus\\:text-red:focus { + color: red; + } + } + } + @media (min-width: 800px) { + .lg\\:text-red { + color: red; + } + .lg\\:hover\\:text-red:hover { + color: red; + } + .lg\\:focus\\:text-red:focus { + color: red; + } + @media (prefers-color-scheme: dark) { + .lg\\:dark\\:text-red { + color: red; + } + .lg\\:dark\\:hover\\:text-red:hover { + color: red; + } + .lg\\:dark\\:focus\\:text-red:focus { + color: red; + } + } + } + ` + + expect.assertions(2) + + return run(input, { theme: { screens: { sm: '500px', lg: '800px' } } }).then(result => { + expect(result.css).toMatchCss(expected) + expect(result.warnings().length).toBe(0) + }) +}) + +test('dark mode variants stack with other variants when using the class strategy', () => { + const input = ` + @variants responsive, dark, hover, focus { + .text-red { + color: red; + } + } + ` + + const expected = ` + .text-red { + color: red; + } + .hover\\:text-red:hover { + color: red; + } + .focus\\:text-red:focus { + color: red; + } + .dark .dark\\:text-red { + color: red; + } + .dark .dark\\:hover\\:text-red:hover { + color: red; + } + .dark .dark\\:focus\\:text-red:focus { + color: red; + } + @media (min-width: 500px) { + .sm\\:text-red { + color: red; + } + .sm\\:hover\\:text-red:hover { + color: red; + } + .sm\\:focus\\:text-red:focus { + color: red; + } + .dark .sm\\:dark\\:text-red { + color: red; + } + .dark .sm\\:dark\\:hover\\:text-red:hover { + color: red; + } + .dark .sm\\:dark\\:focus\\:text-red:focus { + color: red; + } + } + @media (min-width: 800px) { + .lg\\:text-red { + color: red; + } + .lg\\:hover\\:text-red:hover { + color: red; + } + .lg\\:focus\\:text-red:focus { + color: red; + } + .dark .lg\\:dark\\:text-red { + color: red; + } + .dark .lg\\:dark\\:hover\\:text-red:hover { + color: red; + } + .dark .lg\\:dark\\:focus\\:text-red:focus { + color: red; + } + } + ` + + expect.assertions(2) + + return run(input, { dark: 'class', theme: { screens: { sm: '500px', lg: '800px' } } }).then( + result => { + expect(result.css).toMatchCss(expected) + expect(result.warnings().length).toBe(0) + } + ) +}) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index 0678ba129dc2..e651100988a3 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -2825,6 +2825,628 @@ video { border-color: rgba(117, 26, 61, var(--divide-opacity)); } +@media (prefers-color-scheme: dark) { + .dark\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } + + .dark\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } + + .dark\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } + + .dark\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } + + .dark\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } + + .dark\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } + + .dark\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } + + .dark\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } + + .dark\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } + + .dark\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } + + .dark\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } + + .dark\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } + + .dark\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } + + .dark\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } + + .dark\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } + + .dark\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } + + .dark\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } + + .dark\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } + + .dark\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } + + .dark\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } + + .dark\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } + + .dark\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } + + .dark\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } + + .dark\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } + + .dark\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } + + .dark\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } + + .dark\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } + + .dark\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } + + .dark\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } + + .dark\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } + + .dark\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } + + .dark\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } + + .dark\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } + + .dark\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } + + .dark\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } + + .dark\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } + + .dark\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } + + .dark\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } + + .dark\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } + + .dark\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } + + .dark\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } + + .dark\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } + + .dark\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } + + .dark\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } + + .dark\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } + + .dark\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } + + .dark\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } + + .dark\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } + + .dark\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } + + .dark\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } + + .dark\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } + + .dark\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } + + .dark\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } + + .dark\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } + + .dark\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } + + .dark\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } + + .dark\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } + + .dark\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } + + .dark\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } + + .dark\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } + + .dark\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } + + .dark\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } + + .dark\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } + + .dark\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } + + .dark\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } + + .dark\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } + + .dark\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } + + .dark\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } + + .dark\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } + + .dark\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } + + .dark\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } + + .dark\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } + + .dark\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } + + .dark\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } + + .dark\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } + + .dark\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } + + .dark\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } + + .dark\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } + + .dark\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } + + .dark\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } + + .dark\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } + + .dark\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } + + .dark\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } + + .dark\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } + + .dark\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } + + .dark\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } + + .dark\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } + + .dark\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } + + .dark\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } + + .dark\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } + + .dark\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } + + .dark\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } + + .dark\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } + + .dark\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } + + .dark\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } + + .dark\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } + + .dark\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } + + .dark\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } + + .dark\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } + + .dark\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } + + .dark\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } + + .dark\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } + + .dark\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } + + .dark\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } +} + .divide-solid > :not(template) ~ :not(template) { border-style: solid; } @@ -4803,122402 +5425,175914 @@ video { background-color: rgba(117, 26, 61, var(--bg-opacity)); } -.bg-none { - background-image: none; -} +@media (prefers-color-scheme: dark) { + .dark\:bg-transparent { + background-color: transparent; + } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); -} + .dark\:bg-current { + background-color: currentColor; + } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); -} + .dark\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); -} + .dark\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); -} + .dark\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); -} + .dark\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); -} + .dark\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); -} + .dark\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); -} + .dark\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } -.from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); -} + .dark\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } -.from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); -} + .dark\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } -.from-black { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); -} + .dark\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } -.from-white { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); -} + .dark\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } -.from-gray-50 { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); -} + .dark\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } -.from-gray-100 { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); -} + .dark\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } -.from-gray-200 { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); -} + .dark\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } -.from-gray-300 { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); -} + .dark\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } -.from-gray-400 { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); -} + .dark\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } -.from-gray-500 { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); -} + .dark\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } -.from-gray-600 { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); -} + .dark\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } -.from-gray-700 { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); -} + .dark\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } -.from-gray-800 { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); -} + .dark\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } -.from-gray-900 { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); -} + .dark\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } -.from-red-50 { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); -} + .dark\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } -.from-red-100 { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); -} + .dark\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } -.from-red-200 { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); -} + .dark\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } -.from-red-300 { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); -} + .dark\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } -.from-red-400 { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); -} + .dark\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } -.from-red-500 { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); -} + .dark\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } -.from-red-600 { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); -} + .dark\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } -.from-red-700 { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); -} + .dark\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } -.from-red-800 { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); -} + .dark\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } -.from-red-900 { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); -} + .dark\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } -.from-orange-50 { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); -} + .dark\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } -.from-orange-100 { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); -} + .dark\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } -.from-orange-200 { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); -} + .dark\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } -.from-orange-300 { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); -} + .dark\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } -.from-orange-400 { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); -} + .dark\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } -.from-orange-500 { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); -} + .dark\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } -.from-orange-600 { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); -} + .dark\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } -.from-orange-700 { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); -} + .dark\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } -.from-orange-800 { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); -} + .dark\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } -.from-orange-900 { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); -} + .dark\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } -.from-yellow-50 { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); -} + .dark\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } -.from-yellow-100 { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); -} + .dark\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } -.from-yellow-200 { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); -} + .dark\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } -.from-yellow-300 { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); -} + .dark\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } -.from-yellow-400 { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); -} + .dark\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } -.from-yellow-500 { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); -} + .dark\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } -.from-yellow-600 { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); -} + .dark\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } -.from-yellow-700 { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); -} + .dark\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } -.from-yellow-800 { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); -} + .dark\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } -.from-yellow-900 { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); -} + .dark\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } -.from-green-50 { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); -} + .dark\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } -.from-green-100 { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); -} + .dark\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } -.from-green-200 { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); -} + .dark\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } -.from-green-300 { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); -} + .dark\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } -.from-green-400 { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); -} + .dark\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } -.from-green-500 { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); -} + .dark\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } -.from-green-600 { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); -} + .dark\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } -.from-green-700 { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); -} + .dark\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } -.from-green-800 { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); -} + .dark\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } -.from-green-900 { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); -} + .dark\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } -.from-teal-50 { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); -} + .dark\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } -.from-teal-100 { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); -} + .dark\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } -.from-teal-200 { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); -} + .dark\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } -.from-teal-300 { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); -} + .dark\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } -.from-teal-400 { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); -} + .dark\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } -.from-teal-500 { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); -} + .dark\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } -.from-teal-600 { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); -} + .dark\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } -.from-teal-700 { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); -} + .dark\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } -.from-teal-800 { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); -} + .dark\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } -.from-teal-900 { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); -} + .dark\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } -.from-blue-50 { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); -} + .dark\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } -.from-blue-100 { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); -} + .dark\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } -.from-blue-200 { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); -} + .dark\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } -.from-blue-300 { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); -} + .dark\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } -.from-blue-400 { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); -} + .dark\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } -.from-blue-500 { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); -} + .dark\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } -.from-blue-600 { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); -} + .dark\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } -.from-blue-700 { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); -} + .dark\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } -.from-blue-800 { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); -} + .dark\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } -.from-blue-900 { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); -} + .dark\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } -.from-indigo-50 { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); -} + .dark\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } -.from-indigo-100 { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); -} + .dark\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } -.from-indigo-200 { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); -} + .dark\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } -.from-indigo-300 { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); -} + .dark\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } -.from-indigo-400 { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); -} + .dark\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } -.from-indigo-500 { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); -} + .dark\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } -.from-indigo-600 { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); -} + .dark\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } -.from-indigo-700 { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); -} + .dark\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } -.from-indigo-800 { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); -} + .dark\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } -.from-indigo-900 { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); -} + .dark\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } -.from-purple-50 { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); -} + .dark\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } -.from-purple-100 { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); -} + .dark\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } -.from-purple-200 { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); -} + .dark\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } -.from-purple-300 { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); -} + .dark\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } -.from-purple-400 { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); -} + .dark\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } -.from-purple-500 { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); -} + .dark\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } -.from-purple-600 { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); -} + .dark\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } -.from-purple-700 { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); -} + .dark\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } -.from-purple-800 { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); -} + .dark\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } -.from-purple-900 { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); -} + .dark\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } -.from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); -} + .dark\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } -.from-pink-100 { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); -} + .dark\:hover\:bg-transparent:hover { + background-color: transparent; + } -.from-pink-200 { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); -} + .dark\:hover\:bg-current:hover { + background-color: currentColor; + } -.from-pink-300 { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); -} + .dark\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } -.from-pink-400 { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); -} + .dark\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } -.from-pink-500 { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); -} + .dark\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } -.from-pink-600 { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); -} + .dark\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } -.from-pink-700 { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); -} + .dark\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } -.from-pink-800 { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); -} + .dark\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } -.from-pink-900 { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); -} + .dark\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } -.via-transparent { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); -} + .dark\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } -.via-current { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); -} + .dark\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } -.via-black { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); -} + .dark\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } -.via-white { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); -} + .dark\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } -.via-gray-50 { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); -} + .dark\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } -.via-gray-100 { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); -} + .dark\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } -.via-gray-200 { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); -} + .dark\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } -.via-gray-300 { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); -} + .dark\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } -.via-gray-400 { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); -} + .dark\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } -.via-gray-500 { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); -} + .dark\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } -.via-gray-600 { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); -} + .dark\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } -.via-gray-700 { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); -} + .dark\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } -.via-gray-800 { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); -} + .dark\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } -.via-gray-900 { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); -} + .dark\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } -.via-red-50 { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); -} + .dark\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } -.via-red-100 { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); -} + .dark\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } -.via-red-200 { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); -} + .dark\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } -.via-red-300 { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); -} - -.via-red-400 { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); -} + .dark\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } -.via-red-500 { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); -} + .dark\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } -.via-red-600 { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); -} + .dark\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } -.via-red-700 { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); -} + .dark\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } -.via-red-800 { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); -} + .dark\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } -.via-red-900 { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); -} + .dark\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } -.via-orange-50 { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); -} + .dark\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } -.via-orange-100 { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); -} + .dark\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } -.via-orange-200 { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); -} + .dark\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } -.via-orange-300 { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); -} + .dark\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } -.via-orange-400 { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); -} + .dark\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } -.via-orange-500 { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); -} + .dark\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } -.via-orange-600 { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); -} + .dark\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } -.via-orange-700 { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); -} + .dark\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } -.via-orange-800 { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); -} + .dark\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } -.via-orange-900 { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); -} + .dark\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } -.via-yellow-50 { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); -} + .dark\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } -.via-yellow-100 { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); -} + .dark\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } -.via-yellow-200 { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); -} + .dark\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } -.via-yellow-300 { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); -} + .dark\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } -.via-yellow-400 { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); -} + .dark\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } -.via-yellow-500 { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); -} + .dark\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } -.via-yellow-600 { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); -} + .dark\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } -.via-yellow-700 { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); -} + .dark\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } -.via-yellow-800 { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); -} + .dark\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } -.via-yellow-900 { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); -} + .dark\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } -.via-green-50 { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); -} + .dark\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } -.via-green-100 { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); -} + .dark\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } -.via-green-200 { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); -} + .dark\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } -.via-green-300 { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); -} + .dark\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } -.via-green-400 { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); -} + .dark\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } -.via-green-500 { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); -} + .dark\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } -.via-green-600 { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); -} + .dark\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } -.via-green-700 { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); -} + .dark\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } -.via-green-800 { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); -} + .dark\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } -.via-green-900 { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); -} + .dark\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } -.via-teal-50 { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); -} + .dark\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } -.via-teal-100 { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); -} + .dark\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } -.via-teal-200 { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); -} + .dark\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } -.via-teal-300 { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); -} + .dark\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } -.via-teal-400 { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); -} + .dark\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } -.via-teal-500 { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); -} + .dark\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } -.via-teal-600 { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); -} + .dark\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } -.via-teal-700 { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); -} + .dark\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } -.via-teal-800 { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); -} + .dark\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } -.via-teal-900 { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); -} + .dark\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } -.via-blue-50 { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); -} + .dark\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } -.via-blue-100 { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); -} + .dark\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } -.via-blue-200 { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); -} + .dark\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } -.via-blue-300 { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); -} + .dark\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } -.via-blue-400 { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); -} + .dark\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } -.via-blue-500 { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); -} + .dark\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } -.via-blue-600 { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); -} + .dark\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } -.via-blue-700 { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); -} + .dark\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } -.via-blue-800 { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); -} + .dark\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } -.via-blue-900 { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); -} + .dark\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } -.via-indigo-50 { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); -} + .dark\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } -.via-indigo-100 { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); -} + .dark\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } -.via-indigo-200 { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); -} + .dark\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } -.via-indigo-300 { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); -} + .dark\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } -.via-indigo-400 { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); -} + .dark\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } -.via-indigo-500 { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); -} + .dark\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } -.via-indigo-600 { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); -} + .dark\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } -.via-indigo-700 { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); -} + .dark\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } -.via-indigo-800 { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); -} + .dark\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } -.via-indigo-900 { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); -} + .dark\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } -.via-purple-50 { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); -} + .dark\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } -.via-purple-100 { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); -} + .dark\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } -.via-purple-200 { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); -} + .dark\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } -.via-purple-300 { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); -} + .dark\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } -.via-purple-400 { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); -} + .dark\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } -.via-purple-500 { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); -} + .dark\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } -.via-purple-600 { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); -} + .dark\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } -.via-purple-700 { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); -} + .dark\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } -.via-purple-800 { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); -} + .dark\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } -.via-purple-900 { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); -} + .dark\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } -.via-pink-50 { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); -} + .dark\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } -.via-pink-100 { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); -} + .dark\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } -.via-pink-200 { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); -} + .dark\:focus\:bg-transparent:focus { + background-color: transparent; + } -.via-pink-300 { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); -} + .dark\:focus\:bg-current:focus { + background-color: currentColor; + } -.via-pink-400 { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); -} + .dark\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } -.via-pink-500 { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); -} + .dark\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } -.via-pink-600 { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); -} + .dark\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } -.via-pink-700 { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); -} + .dark\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } -.via-pink-800 { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); -} + .dark\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } -.via-pink-900 { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); -} + .dark\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } -.to-transparent { - --gradient-to-color: transparent; -} + .dark\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } -.to-current { - --gradient-to-color: currentColor; -} + .dark\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } -.to-black { - --gradient-to-color: #000000; -} + .dark\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } -.to-white { - --gradient-to-color: #ffffff; -} + .dark\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } -.to-gray-50 { - --gradient-to-color: #f9fafb; -} + .dark\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } -.to-gray-100 { - --gradient-to-color: #f4f5f7; -} + .dark\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } -.to-gray-200 { - --gradient-to-color: #e5e7eb; -} + .dark\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } -.to-gray-300 { - --gradient-to-color: #d2d6dc; -} + .dark\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } -.to-gray-400 { - --gradient-to-color: #9fa6b2; -} + .dark\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } -.to-gray-500 { - --gradient-to-color: #6b7280; -} + .dark\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } -.to-gray-600 { - --gradient-to-color: #4b5563; -} + .dark\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } -.to-gray-700 { - --gradient-to-color: #374151; -} + .dark\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } -.to-gray-800 { - --gradient-to-color: #252f3f; -} + .dark\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } -.to-gray-900 { - --gradient-to-color: #161e2e; -} + .dark\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } -.to-red-50 { - --gradient-to-color: #fdf2f2; -} + .dark\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } -.to-red-100 { - --gradient-to-color: #fde8e8; -} + .dark\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } -.to-red-200 { - --gradient-to-color: #fbd5d5; -} + .dark\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } -.to-red-300 { - --gradient-to-color: #f8b4b4; -} + .dark\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } -.to-red-400 { - --gradient-to-color: #f98080; -} + .dark\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } -.to-red-500 { - --gradient-to-color: #f05252; -} + .dark\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } -.to-red-600 { - --gradient-to-color: #e02424; -} + .dark\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } -.to-red-700 { - --gradient-to-color: #c81e1e; -} + .dark\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } -.to-red-800 { - --gradient-to-color: #9b1c1c; -} + .dark\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } -.to-red-900 { - --gradient-to-color: #771d1d; -} + .dark\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } -.to-orange-50 { - --gradient-to-color: #fff8f1; -} + .dark\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } -.to-orange-100 { - --gradient-to-color: #feecdc; -} + .dark\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } -.to-orange-200 { - --gradient-to-color: #fcd9bd; -} + .dark\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } -.to-orange-300 { - --gradient-to-color: #fdba8c; -} + .dark\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } -.to-orange-400 { - --gradient-to-color: #ff8a4c; -} + .dark\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } -.to-orange-500 { - --gradient-to-color: #ff5a1f; -} + .dark\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } -.to-orange-600 { - --gradient-to-color: #d03801; -} + .dark\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } -.to-orange-700 { - --gradient-to-color: #b43403; -} + .dark\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } -.to-orange-800 { - --gradient-to-color: #8a2c0d; -} + .dark\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } -.to-orange-900 { - --gradient-to-color: #73230d; -} + .dark\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } -.to-yellow-50 { - --gradient-to-color: #fdfdea; -} + .dark\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } -.to-yellow-100 { - --gradient-to-color: #fdf6b2; -} + .dark\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } -.to-yellow-200 { - --gradient-to-color: #fce96a; -} + .dark\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } -.to-yellow-300 { - --gradient-to-color: #faca15; -} + .dark\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } -.to-yellow-400 { - --gradient-to-color: #e3a008; -} + .dark\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } -.to-yellow-500 { - --gradient-to-color: #c27803; -} + .dark\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } -.to-yellow-600 { - --gradient-to-color: #9f580a; -} + .dark\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } -.to-yellow-700 { - --gradient-to-color: #8e4b10; -} + .dark\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } -.to-yellow-800 { - --gradient-to-color: #723b13; -} + .dark\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } -.to-yellow-900 { - --gradient-to-color: #633112; -} + .dark\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } -.to-green-50 { - --gradient-to-color: #f3faf7; -} + .dark\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } -.to-green-100 { - --gradient-to-color: #def7ec; -} + .dark\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } -.to-green-200 { - --gradient-to-color: #bcf0da; -} + .dark\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } -.to-green-300 { - --gradient-to-color: #84e1bc; -} + .dark\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } -.to-green-400 { - --gradient-to-color: #31c48d; -} + .dark\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } -.to-green-500 { - --gradient-to-color: #0e9f6e; -} + .dark\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } -.to-green-600 { - --gradient-to-color: #057a55; -} + .dark\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } -.to-green-700 { - --gradient-to-color: #046c4e; -} + .dark\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } -.to-green-800 { - --gradient-to-color: #03543f; -} + .dark\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } -.to-green-900 { - --gradient-to-color: #014737; -} + .dark\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } -.to-teal-50 { - --gradient-to-color: #edfafa; -} + .dark\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } -.to-teal-100 { - --gradient-to-color: #d5f5f6; -} + .dark\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } -.to-teal-200 { - --gradient-to-color: #afecef; -} + .dark\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } -.to-teal-300 { - --gradient-to-color: #7edce2; -} + .dark\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } -.to-teal-400 { - --gradient-to-color: #16bdca; -} + .dark\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } -.to-teal-500 { - --gradient-to-color: #0694a2; -} + .dark\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } -.to-teal-600 { - --gradient-to-color: #047481; -} + .dark\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } -.to-teal-700 { - --gradient-to-color: #036672; -} + .dark\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } -.to-teal-800 { - --gradient-to-color: #05505c; -} + .dark\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } -.to-teal-900 { - --gradient-to-color: #014451; -} + .dark\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } -.to-blue-50 { - --gradient-to-color: #ebf5ff; -} + .dark\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } -.to-blue-100 { - --gradient-to-color: #e1effe; -} + .dark\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } -.to-blue-200 { - --gradient-to-color: #c3ddfd; -} + .dark\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } -.to-blue-300 { - --gradient-to-color: #a4cafe; -} + .dark\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } -.to-blue-400 { - --gradient-to-color: #76a9fa; -} + .dark\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } -.to-blue-500 { - --gradient-to-color: #3f83f8; -} + .dark\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } -.to-blue-600 { - --gradient-to-color: #1c64f2; -} + .dark\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } -.to-blue-700 { - --gradient-to-color: #1a56db; -} + .dark\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } -.to-blue-800 { - --gradient-to-color: #1e429f; -} + .dark\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } -.to-blue-900 { - --gradient-to-color: #233876; -} + .dark\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } -.to-indigo-50 { - --gradient-to-color: #f0f5ff; -} + .dark\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } -.to-indigo-100 { - --gradient-to-color: #e5edff; -} + .dark\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } -.to-indigo-200 { - --gradient-to-color: #cddbfe; -} + .dark\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } -.to-indigo-300 { - --gradient-to-color: #b4c6fc; -} + .dark\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } -.to-indigo-400 { - --gradient-to-color: #8da2fb; -} + .dark\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } -.to-indigo-500 { - --gradient-to-color: #6875f5; -} + .dark\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } -.to-indigo-600 { - --gradient-to-color: #5850ec; -} + .dark\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } -.to-indigo-700 { - --gradient-to-color: #5145cd; -} + .dark\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } -.to-indigo-800 { - --gradient-to-color: #42389d; -} + .dark\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } -.to-indigo-900 { - --gradient-to-color: #362f78; -} + .dark\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } -.to-purple-50 { - --gradient-to-color: #f6f5ff; -} + .dark\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } -.to-purple-100 { - --gradient-to-color: #edebfe; -} + .dark\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } -.to-purple-200 { - --gradient-to-color: #dcd7fe; -} + .dark\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } -.to-purple-300 { - --gradient-to-color: #cabffd; -} + .dark\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } -.to-purple-400 { - --gradient-to-color: #ac94fa; -} + .dark\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } -.to-purple-500 { - --gradient-to-color: #9061f9; -} + .dark\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } -.to-purple-600 { - --gradient-to-color: #7e3af2; -} + .dark\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } -.to-purple-700 { - --gradient-to-color: #6c2bd9; -} + .dark\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } -.to-purple-800 { - --gradient-to-color: #5521b5; -} + .dark\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } -.to-purple-900 { - --gradient-to-color: #4a1d96; -} + .dark\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } -.to-pink-50 { - --gradient-to-color: #fdf2f8; + .dark\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .dark\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } } -.to-pink-100 { - --gradient-to-color: #fce8f3; +.bg-none { + background-image: none; } -.to-pink-200 { - --gradient-to-color: #fad1e8; +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } -.to-pink-300 { - --gradient-to-color: #f8b4d9; +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } -.to-pink-400 { - --gradient-to-color: #f17eb8; +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } -.to-pink-500 { - --gradient-to-color: #e74694; +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } -.to-pink-600 { - --gradient-to-color: #d61f69; +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } -.to-pink-700 { - --gradient-to-color: #bf125d; +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } -.to-pink-800 { - --gradient-to-color: #99154b; +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } -.to-pink-900 { - --gradient-to-color: #751a3d; +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } -.hover\:from-transparent:hover { +.from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-current:hover { +.from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-black:hover { +.from-black { --gradient-from-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-white:hover { +.from-white { --gradient-from-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-gray-50:hover { +.from-gray-50 { --gradient-from-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.hover\:from-gray-100:hover { +.from-gray-100 { --gradient-from-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.hover\:from-gray-200:hover { +.from-gray-200 { --gradient-from-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.hover\:from-gray-300:hover { +.from-gray-300 { --gradient-from-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.hover\:from-gray-400:hover { +.from-gray-400 { --gradient-from-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.hover\:from-gray-500:hover { +.from-gray-500 { --gradient-from-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.hover\:from-gray-600:hover { +.from-gray-600 { --gradient-from-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.hover\:from-gray-700:hover { +.from-gray-700 { --gradient-from-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.hover\:from-gray-800:hover { +.from-gray-800 { --gradient-from-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.hover\:from-gray-900:hover { +.from-gray-900 { --gradient-from-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.hover\:from-red-50:hover { +.from-red-50 { --gradient-from-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.hover\:from-red-100:hover { +.from-red-100 { --gradient-from-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.hover\:from-red-200:hover { +.from-red-200 { --gradient-from-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.hover\:from-red-300:hover { +.from-red-300 { --gradient-from-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.hover\:from-red-400:hover { +.from-red-400 { --gradient-from-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.hover\:from-red-500:hover { +.from-red-500 { --gradient-from-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.hover\:from-red-600:hover { +.from-red-600 { --gradient-from-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.hover\:from-red-700:hover { +.from-red-700 { --gradient-from-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.hover\:from-red-800:hover { +.from-red-800 { --gradient-from-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.hover\:from-red-900:hover { +.from-red-900 { --gradient-from-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.hover\:from-orange-50:hover { +.from-orange-50 { --gradient-from-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.hover\:from-orange-100:hover { +.from-orange-100 { --gradient-from-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.hover\:from-orange-200:hover { +.from-orange-200 { --gradient-from-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.hover\:from-orange-300:hover { +.from-orange-300 { --gradient-from-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.hover\:from-orange-400:hover { +.from-orange-400 { --gradient-from-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.hover\:from-orange-500:hover { +.from-orange-500 { --gradient-from-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.hover\:from-orange-600:hover { +.from-orange-600 { --gradient-from-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.hover\:from-orange-700:hover { +.from-orange-700 { --gradient-from-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.hover\:from-orange-800:hover { +.from-orange-800 { --gradient-from-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.hover\:from-orange-900:hover { +.from-orange-900 { --gradient-from-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.hover\:from-yellow-50:hover { +.from-yellow-50 { --gradient-from-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.hover\:from-yellow-100:hover { +.from-yellow-100 { --gradient-from-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.hover\:from-yellow-200:hover { +.from-yellow-200 { --gradient-from-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.hover\:from-yellow-300:hover { +.from-yellow-300 { --gradient-from-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.hover\:from-yellow-400:hover { +.from-yellow-400 { --gradient-from-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.hover\:from-yellow-500:hover { +.from-yellow-500 { --gradient-from-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.hover\:from-yellow-600:hover { +.from-yellow-600 { --gradient-from-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.hover\:from-yellow-700:hover { +.from-yellow-700 { --gradient-from-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.hover\:from-yellow-800:hover { +.from-yellow-800 { --gradient-from-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.hover\:from-yellow-900:hover { +.from-yellow-900 { --gradient-from-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.hover\:from-green-50:hover { +.from-green-50 { --gradient-from-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.hover\:from-green-100:hover { +.from-green-100 { --gradient-from-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.hover\:from-green-200:hover { +.from-green-200 { --gradient-from-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.hover\:from-green-300:hover { +.from-green-300 { --gradient-from-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.hover\:from-green-400:hover { +.from-green-400 { --gradient-from-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.hover\:from-green-500:hover { +.from-green-500 { --gradient-from-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.hover\:from-green-600:hover { +.from-green-600 { --gradient-from-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.hover\:from-green-700:hover { +.from-green-700 { --gradient-from-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.hover\:from-green-800:hover { +.from-green-800 { --gradient-from-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.hover\:from-green-900:hover { +.from-green-900 { --gradient-from-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.hover\:from-teal-50:hover { +.from-teal-50 { --gradient-from-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.hover\:from-teal-100:hover { +.from-teal-100 { --gradient-from-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.hover\:from-teal-200:hover { +.from-teal-200 { --gradient-from-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.hover\:from-teal-300:hover { +.from-teal-300 { --gradient-from-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.hover\:from-teal-400:hover { +.from-teal-400 { --gradient-from-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.hover\:from-teal-500:hover { +.from-teal-500 { --gradient-from-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.hover\:from-teal-600:hover { +.from-teal-600 { --gradient-from-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.hover\:from-teal-700:hover { +.from-teal-700 { --gradient-from-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.hover\:from-teal-800:hover { +.from-teal-800 { --gradient-from-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.hover\:from-teal-900:hover { +.from-teal-900 { --gradient-from-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.hover\:from-blue-50:hover { +.from-blue-50 { --gradient-from-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.hover\:from-blue-100:hover { +.from-blue-100 { --gradient-from-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.hover\:from-blue-200:hover { +.from-blue-200 { --gradient-from-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.hover\:from-blue-300:hover { +.from-blue-300 { --gradient-from-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.hover\:from-blue-400:hover { +.from-blue-400 { --gradient-from-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.hover\:from-blue-500:hover { +.from-blue-500 { --gradient-from-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.hover\:from-blue-600:hover { +.from-blue-600 { --gradient-from-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.hover\:from-blue-700:hover { +.from-blue-700 { --gradient-from-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.hover\:from-blue-800:hover { +.from-blue-800 { --gradient-from-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.hover\:from-blue-900:hover { +.from-blue-900 { --gradient-from-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.hover\:from-indigo-50:hover { +.from-indigo-50 { --gradient-from-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.hover\:from-indigo-100:hover { +.from-indigo-100 { --gradient-from-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.hover\:from-indigo-200:hover { +.from-indigo-200 { --gradient-from-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.hover\:from-indigo-300:hover { +.from-indigo-300 { --gradient-from-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.hover\:from-indigo-400:hover { +.from-indigo-400 { --gradient-from-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.hover\:from-indigo-500:hover { +.from-indigo-500 { --gradient-from-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.hover\:from-indigo-600:hover { +.from-indigo-600 { --gradient-from-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.hover\:from-indigo-700:hover { +.from-indigo-700 { --gradient-from-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.hover\:from-indigo-800:hover { +.from-indigo-800 { --gradient-from-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.hover\:from-indigo-900:hover { +.from-indigo-900 { --gradient-from-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.hover\:from-purple-50:hover { +.from-purple-50 { --gradient-from-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.hover\:from-purple-100:hover { +.from-purple-100 { --gradient-from-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.hover\:from-purple-200:hover { +.from-purple-200 { --gradient-from-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.hover\:from-purple-300:hover { +.from-purple-300 { --gradient-from-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.hover\:from-purple-400:hover { +.from-purple-400 { --gradient-from-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.hover\:from-purple-500:hover { +.from-purple-500 { --gradient-from-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.hover\:from-purple-600:hover { +.from-purple-600 { --gradient-from-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.hover\:from-purple-700:hover { +.from-purple-700 { --gradient-from-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.hover\:from-purple-800:hover { +.from-purple-800 { --gradient-from-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.hover\:from-purple-900:hover { +.from-purple-900 { --gradient-from-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.hover\:from-pink-50:hover { +.from-pink-50 { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.hover\:from-pink-100:hover { +.from-pink-100 { --gradient-from-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.hover\:from-pink-200:hover { +.from-pink-200 { --gradient-from-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.hover\:from-pink-300:hover { +.from-pink-300 { --gradient-from-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.hover\:from-pink-400:hover { +.from-pink-400 { --gradient-from-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.hover\:from-pink-500:hover { +.from-pink-500 { --gradient-from-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.hover\:from-pink-600:hover { +.from-pink-600 { --gradient-from-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.hover\:from-pink-700:hover { +.from-pink-700 { --gradient-from-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.hover\:from-pink-800:hover { +.from-pink-800 { --gradient-from-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.hover\:from-pink-900:hover { +.from-pink-900 { --gradient-from-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.hover\:via-transparent:hover { +.via-transparent { --gradient-via-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:via-current:hover { +.via-current { --gradient-via-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:via-black:hover { +.via-black { --gradient-via-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:via-white:hover { +.via-white { --gradient-via-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:via-gray-50:hover { +.via-gray-50 { --gradient-via-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.hover\:via-gray-100:hover { +.via-gray-100 { --gradient-via-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.hover\:via-gray-200:hover { +.via-gray-200 { --gradient-via-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.hover\:via-gray-300:hover { +.via-gray-300 { --gradient-via-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.hover\:via-gray-400:hover { +.via-gray-400 { --gradient-via-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.hover\:via-gray-500:hover { +.via-gray-500 { --gradient-via-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.hover\:via-gray-600:hover { +.via-gray-600 { --gradient-via-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.hover\:via-gray-700:hover { +.via-gray-700 { --gradient-via-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.hover\:via-gray-800:hover { +.via-gray-800 { --gradient-via-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.hover\:via-gray-900:hover { +.via-gray-900 { --gradient-via-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.hover\:via-red-50:hover { +.via-red-50 { --gradient-via-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.hover\:via-red-100:hover { +.via-red-100 { --gradient-via-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.hover\:via-red-200:hover { +.via-red-200 { --gradient-via-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.hover\:via-red-300:hover { +.via-red-300 { --gradient-via-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.hover\:via-red-400:hover { +.via-red-400 { --gradient-via-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.hover\:via-red-500:hover { +.via-red-500 { --gradient-via-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.hover\:via-red-600:hover { +.via-red-600 { --gradient-via-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.hover\:via-red-700:hover { +.via-red-700 { --gradient-via-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.hover\:via-red-800:hover { +.via-red-800 { --gradient-via-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.hover\:via-red-900:hover { +.via-red-900 { --gradient-via-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.hover\:via-orange-50:hover { +.via-orange-50 { --gradient-via-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.hover\:via-orange-100:hover { +.via-orange-100 { --gradient-via-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.hover\:via-orange-200:hover { +.via-orange-200 { --gradient-via-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.hover\:via-orange-300:hover { +.via-orange-300 { --gradient-via-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.hover\:via-orange-400:hover { +.via-orange-400 { --gradient-via-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.hover\:via-orange-500:hover { +.via-orange-500 { --gradient-via-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.hover\:via-orange-600:hover { +.via-orange-600 { --gradient-via-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.hover\:via-orange-700:hover { +.via-orange-700 { --gradient-via-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.hover\:via-orange-800:hover { +.via-orange-800 { --gradient-via-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.hover\:via-orange-900:hover { +.via-orange-900 { --gradient-via-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.hover\:via-yellow-50:hover { +.via-yellow-50 { --gradient-via-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.hover\:via-yellow-100:hover { +.via-yellow-100 { --gradient-via-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.hover\:via-yellow-200:hover { +.via-yellow-200 { --gradient-via-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.hover\:via-yellow-300:hover { +.via-yellow-300 { --gradient-via-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.hover\:via-yellow-400:hover { +.via-yellow-400 { --gradient-via-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.hover\:via-yellow-500:hover { +.via-yellow-500 { --gradient-via-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.hover\:via-yellow-600:hover { +.via-yellow-600 { --gradient-via-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.hover\:via-yellow-700:hover { +.via-yellow-700 { --gradient-via-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.hover\:via-yellow-800:hover { +.via-yellow-800 { --gradient-via-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.hover\:via-yellow-900:hover { +.via-yellow-900 { --gradient-via-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.hover\:via-green-50:hover { +.via-green-50 { --gradient-via-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.hover\:via-green-100:hover { +.via-green-100 { --gradient-via-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.hover\:via-green-200:hover { +.via-green-200 { --gradient-via-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.hover\:via-green-300:hover { +.via-green-300 { --gradient-via-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.hover\:via-green-400:hover { +.via-green-400 { --gradient-via-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.hover\:via-green-500:hover { +.via-green-500 { --gradient-via-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.hover\:via-green-600:hover { +.via-green-600 { --gradient-via-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.hover\:via-green-700:hover { +.via-green-700 { --gradient-via-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.hover\:via-green-800:hover { +.via-green-800 { --gradient-via-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.hover\:via-green-900:hover { +.via-green-900 { --gradient-via-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.hover\:via-teal-50:hover { +.via-teal-50 { --gradient-via-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.hover\:via-teal-100:hover { +.via-teal-100 { --gradient-via-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.hover\:via-teal-200:hover { +.via-teal-200 { --gradient-via-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.hover\:via-teal-300:hover { +.via-teal-300 { --gradient-via-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.hover\:via-teal-400:hover { +.via-teal-400 { --gradient-via-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.hover\:via-teal-500:hover { +.via-teal-500 { --gradient-via-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.hover\:via-teal-600:hover { +.via-teal-600 { --gradient-via-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.hover\:via-teal-700:hover { +.via-teal-700 { --gradient-via-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.hover\:via-teal-800:hover { +.via-teal-800 { --gradient-via-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.hover\:via-teal-900:hover { +.via-teal-900 { --gradient-via-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.hover\:via-blue-50:hover { +.via-blue-50 { --gradient-via-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.hover\:via-blue-100:hover { +.via-blue-100 { --gradient-via-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.hover\:via-blue-200:hover { +.via-blue-200 { --gradient-via-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.hover\:via-blue-300:hover { +.via-blue-300 { --gradient-via-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.hover\:via-blue-400:hover { +.via-blue-400 { --gradient-via-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.hover\:via-blue-500:hover { +.via-blue-500 { --gradient-via-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.hover\:via-blue-600:hover { +.via-blue-600 { --gradient-via-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.hover\:via-blue-700:hover { +.via-blue-700 { --gradient-via-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.hover\:via-blue-800:hover { +.via-blue-800 { --gradient-via-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.hover\:via-blue-900:hover { +.via-blue-900 { --gradient-via-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.hover\:via-indigo-50:hover { +.via-indigo-50 { --gradient-via-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.hover\:via-indigo-100:hover { +.via-indigo-100 { --gradient-via-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.hover\:via-indigo-200:hover { +.via-indigo-200 { --gradient-via-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.hover\:via-indigo-300:hover { +.via-indigo-300 { --gradient-via-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.hover\:via-indigo-400:hover { +.via-indigo-400 { --gradient-via-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.hover\:via-indigo-500:hover { +.via-indigo-500 { --gradient-via-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.hover\:via-indigo-600:hover { +.via-indigo-600 { --gradient-via-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.hover\:via-indigo-700:hover { +.via-indigo-700 { --gradient-via-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.hover\:via-indigo-800:hover { +.via-indigo-800 { --gradient-via-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.hover\:via-indigo-900:hover { +.via-indigo-900 { --gradient-via-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.hover\:via-purple-50:hover { +.via-purple-50 { --gradient-via-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.hover\:via-purple-100:hover { +.via-purple-100 { --gradient-via-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.hover\:via-purple-200:hover { +.via-purple-200 { --gradient-via-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.hover\:via-purple-300:hover { +.via-purple-300 { --gradient-via-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.hover\:via-purple-400:hover { +.via-purple-400 { --gradient-via-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.hover\:via-purple-500:hover { +.via-purple-500 { --gradient-via-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.hover\:via-purple-600:hover { +.via-purple-600 { --gradient-via-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.hover\:via-purple-700:hover { +.via-purple-700 { --gradient-via-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.hover\:via-purple-800:hover { +.via-purple-800 { --gradient-via-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.hover\:via-purple-900:hover { +.via-purple-900 { --gradient-via-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.hover\:via-pink-50:hover { +.via-pink-50 { --gradient-via-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.hover\:via-pink-100:hover { +.via-pink-100 { --gradient-via-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.hover\:via-pink-200:hover { +.via-pink-200 { --gradient-via-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.hover\:via-pink-300:hover { +.via-pink-300 { --gradient-via-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.hover\:via-pink-400:hover { +.via-pink-400 { --gradient-via-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.hover\:via-pink-500:hover { +.via-pink-500 { --gradient-via-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.hover\:via-pink-600:hover { +.via-pink-600 { --gradient-via-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.hover\:via-pink-700:hover { +.via-pink-700 { --gradient-via-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.hover\:via-pink-800:hover { +.via-pink-800 { --gradient-via-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.hover\:via-pink-900:hover { +.via-pink-900 { --gradient-via-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.hover\:to-transparent:hover { +.to-transparent { --gradient-to-color: transparent; } -.hover\:to-current:hover { +.to-current { --gradient-to-color: currentColor; } -.hover\:to-black:hover { +.to-black { --gradient-to-color: #000000; } -.hover\:to-white:hover { +.to-white { --gradient-to-color: #ffffff; } -.hover\:to-gray-50:hover { +.to-gray-50 { --gradient-to-color: #f9fafb; } -.hover\:to-gray-100:hover { +.to-gray-100 { --gradient-to-color: #f4f5f7; } -.hover\:to-gray-200:hover { +.to-gray-200 { --gradient-to-color: #e5e7eb; } -.hover\:to-gray-300:hover { +.to-gray-300 { --gradient-to-color: #d2d6dc; } -.hover\:to-gray-400:hover { +.to-gray-400 { --gradient-to-color: #9fa6b2; } -.hover\:to-gray-500:hover { +.to-gray-500 { --gradient-to-color: #6b7280; } -.hover\:to-gray-600:hover { +.to-gray-600 { --gradient-to-color: #4b5563; } -.hover\:to-gray-700:hover { +.to-gray-700 { --gradient-to-color: #374151; } -.hover\:to-gray-800:hover { +.to-gray-800 { --gradient-to-color: #252f3f; } -.hover\:to-gray-900:hover { +.to-gray-900 { --gradient-to-color: #161e2e; } -.hover\:to-red-50:hover { +.to-red-50 { --gradient-to-color: #fdf2f2; } -.hover\:to-red-100:hover { +.to-red-100 { --gradient-to-color: #fde8e8; } -.hover\:to-red-200:hover { +.to-red-200 { --gradient-to-color: #fbd5d5; } -.hover\:to-red-300:hover { +.to-red-300 { --gradient-to-color: #f8b4b4; } -.hover\:to-red-400:hover { +.to-red-400 { --gradient-to-color: #f98080; } -.hover\:to-red-500:hover { +.to-red-500 { --gradient-to-color: #f05252; } -.hover\:to-red-600:hover { +.to-red-600 { --gradient-to-color: #e02424; } -.hover\:to-red-700:hover { +.to-red-700 { --gradient-to-color: #c81e1e; } -.hover\:to-red-800:hover { +.to-red-800 { --gradient-to-color: #9b1c1c; } -.hover\:to-red-900:hover { +.to-red-900 { --gradient-to-color: #771d1d; } -.hover\:to-orange-50:hover { +.to-orange-50 { --gradient-to-color: #fff8f1; } -.hover\:to-orange-100:hover { +.to-orange-100 { --gradient-to-color: #feecdc; } -.hover\:to-orange-200:hover { +.to-orange-200 { --gradient-to-color: #fcd9bd; } -.hover\:to-orange-300:hover { +.to-orange-300 { --gradient-to-color: #fdba8c; } -.hover\:to-orange-400:hover { +.to-orange-400 { --gradient-to-color: #ff8a4c; } -.hover\:to-orange-500:hover { +.to-orange-500 { --gradient-to-color: #ff5a1f; } -.hover\:to-orange-600:hover { +.to-orange-600 { --gradient-to-color: #d03801; } -.hover\:to-orange-700:hover { +.to-orange-700 { --gradient-to-color: #b43403; } -.hover\:to-orange-800:hover { +.to-orange-800 { --gradient-to-color: #8a2c0d; } -.hover\:to-orange-900:hover { +.to-orange-900 { --gradient-to-color: #73230d; } -.hover\:to-yellow-50:hover { +.to-yellow-50 { --gradient-to-color: #fdfdea; } -.hover\:to-yellow-100:hover { +.to-yellow-100 { --gradient-to-color: #fdf6b2; } -.hover\:to-yellow-200:hover { +.to-yellow-200 { --gradient-to-color: #fce96a; } -.hover\:to-yellow-300:hover { +.to-yellow-300 { --gradient-to-color: #faca15; } -.hover\:to-yellow-400:hover { +.to-yellow-400 { --gradient-to-color: #e3a008; } -.hover\:to-yellow-500:hover { +.to-yellow-500 { --gradient-to-color: #c27803; } -.hover\:to-yellow-600:hover { +.to-yellow-600 { --gradient-to-color: #9f580a; } -.hover\:to-yellow-700:hover { +.to-yellow-700 { --gradient-to-color: #8e4b10; } -.hover\:to-yellow-800:hover { +.to-yellow-800 { --gradient-to-color: #723b13; } -.hover\:to-yellow-900:hover { +.to-yellow-900 { --gradient-to-color: #633112; } -.hover\:to-green-50:hover { +.to-green-50 { --gradient-to-color: #f3faf7; } -.hover\:to-green-100:hover { +.to-green-100 { --gradient-to-color: #def7ec; } -.hover\:to-green-200:hover { +.to-green-200 { --gradient-to-color: #bcf0da; } -.hover\:to-green-300:hover { +.to-green-300 { --gradient-to-color: #84e1bc; } -.hover\:to-green-400:hover { +.to-green-400 { --gradient-to-color: #31c48d; } -.hover\:to-green-500:hover { +.to-green-500 { --gradient-to-color: #0e9f6e; } -.hover\:to-green-600:hover { +.to-green-600 { --gradient-to-color: #057a55; } -.hover\:to-green-700:hover { +.to-green-700 { --gradient-to-color: #046c4e; } -.hover\:to-green-800:hover { +.to-green-800 { --gradient-to-color: #03543f; } -.hover\:to-green-900:hover { +.to-green-900 { --gradient-to-color: #014737; } -.hover\:to-teal-50:hover { +.to-teal-50 { --gradient-to-color: #edfafa; } -.hover\:to-teal-100:hover { +.to-teal-100 { --gradient-to-color: #d5f5f6; } -.hover\:to-teal-200:hover { +.to-teal-200 { --gradient-to-color: #afecef; } -.hover\:to-teal-300:hover { +.to-teal-300 { --gradient-to-color: #7edce2; } -.hover\:to-teal-400:hover { +.to-teal-400 { --gradient-to-color: #16bdca; } -.hover\:to-teal-500:hover { +.to-teal-500 { --gradient-to-color: #0694a2; } -.hover\:to-teal-600:hover { +.to-teal-600 { --gradient-to-color: #047481; } -.hover\:to-teal-700:hover { +.to-teal-700 { --gradient-to-color: #036672; } -.hover\:to-teal-800:hover { +.to-teal-800 { --gradient-to-color: #05505c; } -.hover\:to-teal-900:hover { +.to-teal-900 { --gradient-to-color: #014451; } -.hover\:to-blue-50:hover { +.to-blue-50 { --gradient-to-color: #ebf5ff; } -.hover\:to-blue-100:hover { +.to-blue-100 { --gradient-to-color: #e1effe; } -.hover\:to-blue-200:hover { +.to-blue-200 { --gradient-to-color: #c3ddfd; } -.hover\:to-blue-300:hover { +.to-blue-300 { --gradient-to-color: #a4cafe; } -.hover\:to-blue-400:hover { +.to-blue-400 { --gradient-to-color: #76a9fa; } -.hover\:to-blue-500:hover { +.to-blue-500 { --gradient-to-color: #3f83f8; } -.hover\:to-blue-600:hover { +.to-blue-600 { --gradient-to-color: #1c64f2; } -.hover\:to-blue-700:hover { +.to-blue-700 { --gradient-to-color: #1a56db; } -.hover\:to-blue-800:hover { +.to-blue-800 { --gradient-to-color: #1e429f; } -.hover\:to-blue-900:hover { +.to-blue-900 { --gradient-to-color: #233876; } -.hover\:to-indigo-50:hover { +.to-indigo-50 { --gradient-to-color: #f0f5ff; } -.hover\:to-indigo-100:hover { +.to-indigo-100 { --gradient-to-color: #e5edff; } -.hover\:to-indigo-200:hover { +.to-indigo-200 { --gradient-to-color: #cddbfe; } -.hover\:to-indigo-300:hover { +.to-indigo-300 { --gradient-to-color: #b4c6fc; } -.hover\:to-indigo-400:hover { +.to-indigo-400 { --gradient-to-color: #8da2fb; } -.hover\:to-indigo-500:hover { +.to-indigo-500 { --gradient-to-color: #6875f5; } -.hover\:to-indigo-600:hover { +.to-indigo-600 { --gradient-to-color: #5850ec; } -.hover\:to-indigo-700:hover { +.to-indigo-700 { --gradient-to-color: #5145cd; } -.hover\:to-indigo-800:hover { +.to-indigo-800 { --gradient-to-color: #42389d; } -.hover\:to-indigo-900:hover { +.to-indigo-900 { --gradient-to-color: #362f78; } -.hover\:to-purple-50:hover { +.to-purple-50 { --gradient-to-color: #f6f5ff; } -.hover\:to-purple-100:hover { +.to-purple-100 { --gradient-to-color: #edebfe; } -.hover\:to-purple-200:hover { +.to-purple-200 { --gradient-to-color: #dcd7fe; } -.hover\:to-purple-300:hover { +.to-purple-300 { --gradient-to-color: #cabffd; } -.hover\:to-purple-400:hover { +.to-purple-400 { --gradient-to-color: #ac94fa; } -.hover\:to-purple-500:hover { +.to-purple-500 { --gradient-to-color: #9061f9; } -.hover\:to-purple-600:hover { +.to-purple-600 { --gradient-to-color: #7e3af2; } -.hover\:to-purple-700:hover { +.to-purple-700 { --gradient-to-color: #6c2bd9; } -.hover\:to-purple-800:hover { +.to-purple-800 { --gradient-to-color: #5521b5; } -.hover\:to-purple-900:hover { +.to-purple-900 { --gradient-to-color: #4a1d96; } -.hover\:to-pink-50:hover { +.to-pink-50 { --gradient-to-color: #fdf2f8; } -.hover\:to-pink-100:hover { +.to-pink-100 { --gradient-to-color: #fce8f3; } -.hover\:to-pink-200:hover { +.to-pink-200 { --gradient-to-color: #fad1e8; } -.hover\:to-pink-300:hover { +.to-pink-300 { --gradient-to-color: #f8b4d9; } -.hover\:to-pink-400:hover { +.to-pink-400 { --gradient-to-color: #f17eb8; } -.hover\:to-pink-500:hover { +.to-pink-500 { --gradient-to-color: #e74694; } -.hover\:to-pink-600:hover { +.to-pink-600 { --gradient-to-color: #d61f69; } -.hover\:to-pink-700:hover { +.to-pink-700 { --gradient-to-color: #bf125d; } -.hover\:to-pink-800:hover { +.to-pink-800 { --gradient-to-color: #99154b; } -.hover\:to-pink-900:hover { +.to-pink-900 { --gradient-to-color: #751a3d; } -.focus\:from-transparent:focus { +.hover\:from-transparent:hover { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.focus\:from-current:focus { +.hover\:from-current:hover { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.focus\:from-black:focus { +.hover\:from-black:hover { --gradient-from-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.focus\:from-white:focus { +.hover\:from-white:hover { --gradient-from-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.focus\:from-gray-50:focus { +.hover\:from-gray-50:hover { --gradient-from-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.focus\:from-gray-100:focus { +.hover\:from-gray-100:hover { --gradient-from-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.focus\:from-gray-200:focus { +.hover\:from-gray-200:hover { --gradient-from-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.focus\:from-gray-300:focus { +.hover\:from-gray-300:hover { --gradient-from-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.focus\:from-gray-400:focus { +.hover\:from-gray-400:hover { --gradient-from-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.focus\:from-gray-500:focus { +.hover\:from-gray-500:hover { --gradient-from-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.focus\:from-gray-600:focus { +.hover\:from-gray-600:hover { --gradient-from-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.focus\:from-gray-700:focus { +.hover\:from-gray-700:hover { --gradient-from-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.focus\:from-gray-800:focus { +.hover\:from-gray-800:hover { --gradient-from-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.focus\:from-gray-900:focus { +.hover\:from-gray-900:hover { --gradient-from-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.focus\:from-red-50:focus { +.hover\:from-red-50:hover { --gradient-from-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.focus\:from-red-100:focus { +.hover\:from-red-100:hover { --gradient-from-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.focus\:from-red-200:focus { +.hover\:from-red-200:hover { --gradient-from-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.focus\:from-red-300:focus { +.hover\:from-red-300:hover { --gradient-from-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.focus\:from-red-400:focus { +.hover\:from-red-400:hover { --gradient-from-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.focus\:from-red-500:focus { +.hover\:from-red-500:hover { --gradient-from-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.focus\:from-red-600:focus { +.hover\:from-red-600:hover { --gradient-from-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.focus\:from-red-700:focus { +.hover\:from-red-700:hover { --gradient-from-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.focus\:from-red-800:focus { +.hover\:from-red-800:hover { --gradient-from-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.focus\:from-red-900:focus { +.hover\:from-red-900:hover { --gradient-from-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.focus\:from-orange-50:focus { +.hover\:from-orange-50:hover { --gradient-from-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.focus\:from-orange-100:focus { +.hover\:from-orange-100:hover { --gradient-from-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.focus\:from-orange-200:focus { +.hover\:from-orange-200:hover { --gradient-from-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.focus\:from-orange-300:focus { +.hover\:from-orange-300:hover { --gradient-from-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.focus\:from-orange-400:focus { +.hover\:from-orange-400:hover { --gradient-from-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.focus\:from-orange-500:focus { +.hover\:from-orange-500:hover { --gradient-from-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.focus\:from-orange-600:focus { +.hover\:from-orange-600:hover { --gradient-from-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.focus\:from-orange-700:focus { +.hover\:from-orange-700:hover { --gradient-from-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.focus\:from-orange-800:focus { +.hover\:from-orange-800:hover { --gradient-from-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.focus\:from-orange-900:focus { +.hover\:from-orange-900:hover { --gradient-from-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.focus\:from-yellow-50:focus { +.hover\:from-yellow-50:hover { --gradient-from-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.focus\:from-yellow-100:focus { +.hover\:from-yellow-100:hover { --gradient-from-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.focus\:from-yellow-200:focus { +.hover\:from-yellow-200:hover { --gradient-from-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.focus\:from-yellow-300:focus { +.hover\:from-yellow-300:hover { --gradient-from-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.focus\:from-yellow-400:focus { +.hover\:from-yellow-400:hover { --gradient-from-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.focus\:from-yellow-500:focus { +.hover\:from-yellow-500:hover { --gradient-from-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.focus\:from-yellow-600:focus { +.hover\:from-yellow-600:hover { --gradient-from-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.focus\:from-yellow-700:focus { +.hover\:from-yellow-700:hover { --gradient-from-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.focus\:from-yellow-800:focus { +.hover\:from-yellow-800:hover { --gradient-from-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.focus\:from-yellow-900:focus { +.hover\:from-yellow-900:hover { --gradient-from-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.focus\:from-green-50:focus { +.hover\:from-green-50:hover { --gradient-from-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.focus\:from-green-100:focus { +.hover\:from-green-100:hover { --gradient-from-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.focus\:from-green-200:focus { +.hover\:from-green-200:hover { --gradient-from-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.focus\:from-green-300:focus { +.hover\:from-green-300:hover { --gradient-from-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.focus\:from-green-400:focus { +.hover\:from-green-400:hover { --gradient-from-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.focus\:from-green-500:focus { +.hover\:from-green-500:hover { --gradient-from-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.focus\:from-green-600:focus { +.hover\:from-green-600:hover { --gradient-from-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.focus\:from-green-700:focus { +.hover\:from-green-700:hover { --gradient-from-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.focus\:from-green-800:focus { +.hover\:from-green-800:hover { --gradient-from-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.focus\:from-green-900:focus { +.hover\:from-green-900:hover { --gradient-from-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.focus\:from-teal-50:focus { +.hover\:from-teal-50:hover { --gradient-from-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.focus\:from-teal-100:focus { +.hover\:from-teal-100:hover { --gradient-from-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.focus\:from-teal-200:focus { +.hover\:from-teal-200:hover { --gradient-from-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.focus\:from-teal-300:focus { +.hover\:from-teal-300:hover { --gradient-from-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.focus\:from-teal-400:focus { +.hover\:from-teal-400:hover { --gradient-from-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.focus\:from-teal-500:focus { +.hover\:from-teal-500:hover { --gradient-from-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.focus\:from-teal-600:focus { +.hover\:from-teal-600:hover { --gradient-from-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.focus\:from-teal-700:focus { +.hover\:from-teal-700:hover { --gradient-from-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.focus\:from-teal-800:focus { +.hover\:from-teal-800:hover { --gradient-from-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.focus\:from-teal-900:focus { +.hover\:from-teal-900:hover { --gradient-from-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.focus\:from-blue-50:focus { +.hover\:from-blue-50:hover { --gradient-from-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.focus\:from-blue-100:focus { +.hover\:from-blue-100:hover { --gradient-from-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.focus\:from-blue-200:focus { +.hover\:from-blue-200:hover { --gradient-from-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.focus\:from-blue-300:focus { +.hover\:from-blue-300:hover { --gradient-from-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.focus\:from-blue-400:focus { +.hover\:from-blue-400:hover { --gradient-from-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.focus\:from-blue-500:focus { +.hover\:from-blue-500:hover { --gradient-from-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.focus\:from-blue-600:focus { +.hover\:from-blue-600:hover { --gradient-from-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.focus\:from-blue-700:focus { +.hover\:from-blue-700:hover { --gradient-from-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.focus\:from-blue-800:focus { +.hover\:from-blue-800:hover { --gradient-from-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.focus\:from-blue-900:focus { +.hover\:from-blue-900:hover { --gradient-from-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.focus\:from-indigo-50:focus { +.hover\:from-indigo-50:hover { --gradient-from-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.focus\:from-indigo-100:focus { +.hover\:from-indigo-100:hover { --gradient-from-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.focus\:from-indigo-200:focus { +.hover\:from-indigo-200:hover { --gradient-from-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.focus\:from-indigo-300:focus { +.hover\:from-indigo-300:hover { --gradient-from-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.focus\:from-indigo-400:focus { +.hover\:from-indigo-400:hover { --gradient-from-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.focus\:from-indigo-500:focus { +.hover\:from-indigo-500:hover { --gradient-from-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.focus\:from-indigo-600:focus { +.hover\:from-indigo-600:hover { --gradient-from-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.focus\:from-indigo-700:focus { +.hover\:from-indigo-700:hover { --gradient-from-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.focus\:from-indigo-800:focus { +.hover\:from-indigo-800:hover { --gradient-from-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.focus\:from-indigo-900:focus { +.hover\:from-indigo-900:hover { --gradient-from-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.focus\:from-purple-50:focus { +.hover\:from-purple-50:hover { --gradient-from-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.focus\:from-purple-100:focus { +.hover\:from-purple-100:hover { --gradient-from-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.focus\:from-purple-200:focus { +.hover\:from-purple-200:hover { --gradient-from-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.focus\:from-purple-300:focus { +.hover\:from-purple-300:hover { --gradient-from-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.focus\:from-purple-400:focus { +.hover\:from-purple-400:hover { --gradient-from-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.focus\:from-purple-500:focus { +.hover\:from-purple-500:hover { --gradient-from-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.focus\:from-purple-600:focus { +.hover\:from-purple-600:hover { --gradient-from-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.focus\:from-purple-700:focus { +.hover\:from-purple-700:hover { --gradient-from-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.focus\:from-purple-800:focus { +.hover\:from-purple-800:hover { --gradient-from-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.focus\:from-purple-900:focus { +.hover\:from-purple-900:hover { --gradient-from-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.focus\:from-pink-50:focus { +.hover\:from-pink-50:hover { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.focus\:from-pink-100:focus { +.hover\:from-pink-100:hover { --gradient-from-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.focus\:from-pink-200:focus { +.hover\:from-pink-200:hover { --gradient-from-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.focus\:from-pink-300:focus { +.hover\:from-pink-300:hover { --gradient-from-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.focus\:from-pink-400:focus { +.hover\:from-pink-400:hover { --gradient-from-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.focus\:from-pink-500:focus { +.hover\:from-pink-500:hover { --gradient-from-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.focus\:from-pink-600:focus { +.hover\:from-pink-600:hover { --gradient-from-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.focus\:from-pink-700:focus { +.hover\:from-pink-700:hover { --gradient-from-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.focus\:from-pink-800:focus { +.hover\:from-pink-800:hover { --gradient-from-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.focus\:from-pink-900:focus { +.hover\:from-pink-900:hover { --gradient-from-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.focus\:via-transparent:focus { +.hover\:via-transparent:hover { --gradient-via-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.focus\:via-current:focus { +.hover\:via-current:hover { --gradient-via-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.focus\:via-black:focus { +.hover\:via-black:hover { --gradient-via-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.focus\:via-white:focus { +.hover\:via-white:hover { --gradient-via-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.focus\:via-gray-50:focus { +.hover\:via-gray-50:hover { --gradient-via-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.focus\:via-gray-100:focus { +.hover\:via-gray-100:hover { --gradient-via-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.focus\:via-gray-200:focus { +.hover\:via-gray-200:hover { --gradient-via-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.focus\:via-gray-300:focus { +.hover\:via-gray-300:hover { --gradient-via-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.focus\:via-gray-400:focus { +.hover\:via-gray-400:hover { --gradient-via-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.focus\:via-gray-500:focus { +.hover\:via-gray-500:hover { --gradient-via-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.focus\:via-gray-600:focus { +.hover\:via-gray-600:hover { --gradient-via-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.focus\:via-gray-700:focus { +.hover\:via-gray-700:hover { --gradient-via-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.focus\:via-gray-800:focus { +.hover\:via-gray-800:hover { --gradient-via-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.focus\:via-gray-900:focus { +.hover\:via-gray-900:hover { --gradient-via-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.focus\:via-red-50:focus { +.hover\:via-red-50:hover { --gradient-via-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.focus\:via-red-100:focus { +.hover\:via-red-100:hover { --gradient-via-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.focus\:via-red-200:focus { +.hover\:via-red-200:hover { --gradient-via-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.focus\:via-red-300:focus { +.hover\:via-red-300:hover { --gradient-via-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.focus\:via-red-400:focus { +.hover\:via-red-400:hover { --gradient-via-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.focus\:via-red-500:focus { +.hover\:via-red-500:hover { --gradient-via-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.focus\:via-red-600:focus { +.hover\:via-red-600:hover { --gradient-via-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.focus\:via-red-700:focus { +.hover\:via-red-700:hover { --gradient-via-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.focus\:via-red-800:focus { +.hover\:via-red-800:hover { --gradient-via-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.focus\:via-red-900:focus { +.hover\:via-red-900:hover { --gradient-via-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.focus\:via-orange-50:focus { +.hover\:via-orange-50:hover { --gradient-via-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.focus\:via-orange-100:focus { +.hover\:via-orange-100:hover { --gradient-via-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.focus\:via-orange-200:focus { +.hover\:via-orange-200:hover { --gradient-via-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.focus\:via-orange-300:focus { +.hover\:via-orange-300:hover { --gradient-via-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.focus\:via-orange-400:focus { +.hover\:via-orange-400:hover { --gradient-via-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.focus\:via-orange-500:focus { +.hover\:via-orange-500:hover { --gradient-via-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.focus\:via-orange-600:focus { +.hover\:via-orange-600:hover { --gradient-via-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.focus\:via-orange-700:focus { +.hover\:via-orange-700:hover { --gradient-via-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.focus\:via-orange-800:focus { +.hover\:via-orange-800:hover { --gradient-via-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.focus\:via-orange-900:focus { +.hover\:via-orange-900:hover { --gradient-via-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.focus\:via-yellow-50:focus { +.hover\:via-yellow-50:hover { --gradient-via-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.focus\:via-yellow-100:focus { +.hover\:via-yellow-100:hover { --gradient-via-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.focus\:via-yellow-200:focus { +.hover\:via-yellow-200:hover { --gradient-via-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.focus\:via-yellow-300:focus { +.hover\:via-yellow-300:hover { --gradient-via-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.focus\:via-yellow-400:focus { +.hover\:via-yellow-400:hover { --gradient-via-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.focus\:via-yellow-500:focus { +.hover\:via-yellow-500:hover { --gradient-via-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.focus\:via-yellow-600:focus { +.hover\:via-yellow-600:hover { --gradient-via-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.focus\:via-yellow-700:focus { +.hover\:via-yellow-700:hover { --gradient-via-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.focus\:via-yellow-800:focus { +.hover\:via-yellow-800:hover { --gradient-via-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.focus\:via-yellow-900:focus { +.hover\:via-yellow-900:hover { --gradient-via-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.focus\:via-green-50:focus { +.hover\:via-green-50:hover { --gradient-via-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.focus\:via-green-100:focus { +.hover\:via-green-100:hover { --gradient-via-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.focus\:via-green-200:focus { +.hover\:via-green-200:hover { --gradient-via-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.focus\:via-green-300:focus { +.hover\:via-green-300:hover { --gradient-via-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.focus\:via-green-400:focus { +.hover\:via-green-400:hover { --gradient-via-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.focus\:via-green-500:focus { +.hover\:via-green-500:hover { --gradient-via-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.focus\:via-green-600:focus { +.hover\:via-green-600:hover { --gradient-via-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.focus\:via-green-700:focus { +.hover\:via-green-700:hover { --gradient-via-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.focus\:via-green-800:focus { +.hover\:via-green-800:hover { --gradient-via-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.focus\:via-green-900:focus { +.hover\:via-green-900:hover { --gradient-via-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.focus\:via-teal-50:focus { +.hover\:via-teal-50:hover { --gradient-via-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.focus\:via-teal-100:focus { +.hover\:via-teal-100:hover { --gradient-via-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.focus\:via-teal-200:focus { +.hover\:via-teal-200:hover { --gradient-via-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.focus\:via-teal-300:focus { +.hover\:via-teal-300:hover { --gradient-via-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.focus\:via-teal-400:focus { +.hover\:via-teal-400:hover { --gradient-via-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.focus\:via-teal-500:focus { +.hover\:via-teal-500:hover { --gradient-via-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.focus\:via-teal-600:focus { +.hover\:via-teal-600:hover { --gradient-via-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.focus\:via-teal-700:focus { +.hover\:via-teal-700:hover { --gradient-via-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.focus\:via-teal-800:focus { +.hover\:via-teal-800:hover { --gradient-via-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.focus\:via-teal-900:focus { +.hover\:via-teal-900:hover { --gradient-via-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.focus\:via-blue-50:focus { +.hover\:via-blue-50:hover { --gradient-via-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.focus\:via-blue-100:focus { +.hover\:via-blue-100:hover { --gradient-via-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.focus\:via-blue-200:focus { +.hover\:via-blue-200:hover { --gradient-via-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.focus\:via-blue-300:focus { +.hover\:via-blue-300:hover { --gradient-via-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.focus\:via-blue-400:focus { +.hover\:via-blue-400:hover { --gradient-via-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.focus\:via-blue-500:focus { +.hover\:via-blue-500:hover { --gradient-via-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.focus\:via-blue-600:focus { +.hover\:via-blue-600:hover { --gradient-via-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.focus\:via-blue-700:focus { +.hover\:via-blue-700:hover { --gradient-via-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.focus\:via-blue-800:focus { +.hover\:via-blue-800:hover { --gradient-via-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.focus\:via-blue-900:focus { +.hover\:via-blue-900:hover { --gradient-via-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.focus\:via-indigo-50:focus { +.hover\:via-indigo-50:hover { --gradient-via-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.focus\:via-indigo-100:focus { +.hover\:via-indigo-100:hover { --gradient-via-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.focus\:via-indigo-200:focus { +.hover\:via-indigo-200:hover { --gradient-via-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.focus\:via-indigo-300:focus { +.hover\:via-indigo-300:hover { --gradient-via-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.focus\:via-indigo-400:focus { +.hover\:via-indigo-400:hover { --gradient-via-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.focus\:via-indigo-500:focus { +.hover\:via-indigo-500:hover { --gradient-via-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.focus\:via-indigo-600:focus { +.hover\:via-indigo-600:hover { --gradient-via-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.focus\:via-indigo-700:focus { +.hover\:via-indigo-700:hover { --gradient-via-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.focus\:via-indigo-800:focus { +.hover\:via-indigo-800:hover { --gradient-via-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.focus\:via-indigo-900:focus { +.hover\:via-indigo-900:hover { --gradient-via-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.focus\:via-purple-50:focus { +.hover\:via-purple-50:hover { --gradient-via-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.focus\:via-purple-100:focus { +.hover\:via-purple-100:hover { --gradient-via-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.focus\:via-purple-200:focus { +.hover\:via-purple-200:hover { --gradient-via-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.focus\:via-purple-300:focus { +.hover\:via-purple-300:hover { --gradient-via-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.focus\:via-purple-400:focus { +.hover\:via-purple-400:hover { --gradient-via-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.focus\:via-purple-500:focus { +.hover\:via-purple-500:hover { --gradient-via-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.focus\:via-purple-600:focus { +.hover\:via-purple-600:hover { --gradient-via-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.focus\:via-purple-700:focus { +.hover\:via-purple-700:hover { --gradient-via-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.focus\:via-purple-800:focus { +.hover\:via-purple-800:hover { --gradient-via-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.focus\:via-purple-900:focus { +.hover\:via-purple-900:hover { --gradient-via-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.focus\:via-pink-50:focus { +.hover\:via-pink-50:hover { --gradient-via-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.focus\:via-pink-100:focus { +.hover\:via-pink-100:hover { --gradient-via-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.focus\:via-pink-200:focus { +.hover\:via-pink-200:hover { --gradient-via-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.focus\:via-pink-300:focus { +.hover\:via-pink-300:hover { --gradient-via-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.focus\:via-pink-400:focus { +.hover\:via-pink-400:hover { --gradient-via-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.focus\:via-pink-500:focus { +.hover\:via-pink-500:hover { --gradient-via-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.focus\:via-pink-600:focus { +.hover\:via-pink-600:hover { --gradient-via-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.focus\:via-pink-700:focus { +.hover\:via-pink-700:hover { --gradient-via-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.focus\:via-pink-800:focus { +.hover\:via-pink-800:hover { --gradient-via-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.focus\:via-pink-900:focus { +.hover\:via-pink-900:hover { --gradient-via-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.focus\:to-transparent:focus { +.hover\:to-transparent:hover { --gradient-to-color: transparent; } -.focus\:to-current:focus { +.hover\:to-current:hover { --gradient-to-color: currentColor; } -.focus\:to-black:focus { +.hover\:to-black:hover { --gradient-to-color: #000000; } -.focus\:to-white:focus { +.hover\:to-white:hover { --gradient-to-color: #ffffff; } -.focus\:to-gray-50:focus { +.hover\:to-gray-50:hover { --gradient-to-color: #f9fafb; } -.focus\:to-gray-100:focus { +.hover\:to-gray-100:hover { --gradient-to-color: #f4f5f7; } -.focus\:to-gray-200:focus { +.hover\:to-gray-200:hover { --gradient-to-color: #e5e7eb; } -.focus\:to-gray-300:focus { +.hover\:to-gray-300:hover { --gradient-to-color: #d2d6dc; } -.focus\:to-gray-400:focus { +.hover\:to-gray-400:hover { --gradient-to-color: #9fa6b2; } -.focus\:to-gray-500:focus { +.hover\:to-gray-500:hover { --gradient-to-color: #6b7280; } -.focus\:to-gray-600:focus { +.hover\:to-gray-600:hover { --gradient-to-color: #4b5563; } -.focus\:to-gray-700:focus { +.hover\:to-gray-700:hover { --gradient-to-color: #374151; } -.focus\:to-gray-800:focus { +.hover\:to-gray-800:hover { --gradient-to-color: #252f3f; } -.focus\:to-gray-900:focus { +.hover\:to-gray-900:hover { --gradient-to-color: #161e2e; } -.focus\:to-red-50:focus { +.hover\:to-red-50:hover { --gradient-to-color: #fdf2f2; } -.focus\:to-red-100:focus { +.hover\:to-red-100:hover { --gradient-to-color: #fde8e8; } -.focus\:to-red-200:focus { +.hover\:to-red-200:hover { --gradient-to-color: #fbd5d5; } -.focus\:to-red-300:focus { +.hover\:to-red-300:hover { --gradient-to-color: #f8b4b4; } -.focus\:to-red-400:focus { +.hover\:to-red-400:hover { --gradient-to-color: #f98080; } -.focus\:to-red-500:focus { +.hover\:to-red-500:hover { --gradient-to-color: #f05252; } -.focus\:to-red-600:focus { +.hover\:to-red-600:hover { --gradient-to-color: #e02424; } -.focus\:to-red-700:focus { +.hover\:to-red-700:hover { --gradient-to-color: #c81e1e; } -.focus\:to-red-800:focus { +.hover\:to-red-800:hover { --gradient-to-color: #9b1c1c; } -.focus\:to-red-900:focus { +.hover\:to-red-900:hover { --gradient-to-color: #771d1d; } -.focus\:to-orange-50:focus { +.hover\:to-orange-50:hover { --gradient-to-color: #fff8f1; } -.focus\:to-orange-100:focus { +.hover\:to-orange-100:hover { --gradient-to-color: #feecdc; } -.focus\:to-orange-200:focus { +.hover\:to-orange-200:hover { --gradient-to-color: #fcd9bd; } -.focus\:to-orange-300:focus { +.hover\:to-orange-300:hover { --gradient-to-color: #fdba8c; } -.focus\:to-orange-400:focus { +.hover\:to-orange-400:hover { --gradient-to-color: #ff8a4c; } -.focus\:to-orange-500:focus { +.hover\:to-orange-500:hover { --gradient-to-color: #ff5a1f; } -.focus\:to-orange-600:focus { +.hover\:to-orange-600:hover { --gradient-to-color: #d03801; } -.focus\:to-orange-700:focus { +.hover\:to-orange-700:hover { --gradient-to-color: #b43403; } -.focus\:to-orange-800:focus { +.hover\:to-orange-800:hover { --gradient-to-color: #8a2c0d; } -.focus\:to-orange-900:focus { +.hover\:to-orange-900:hover { --gradient-to-color: #73230d; } -.focus\:to-yellow-50:focus { +.hover\:to-yellow-50:hover { --gradient-to-color: #fdfdea; } -.focus\:to-yellow-100:focus { +.hover\:to-yellow-100:hover { --gradient-to-color: #fdf6b2; } -.focus\:to-yellow-200:focus { +.hover\:to-yellow-200:hover { --gradient-to-color: #fce96a; } -.focus\:to-yellow-300:focus { +.hover\:to-yellow-300:hover { --gradient-to-color: #faca15; } -.focus\:to-yellow-400:focus { +.hover\:to-yellow-400:hover { --gradient-to-color: #e3a008; } -.focus\:to-yellow-500:focus { +.hover\:to-yellow-500:hover { --gradient-to-color: #c27803; } -.focus\:to-yellow-600:focus { +.hover\:to-yellow-600:hover { --gradient-to-color: #9f580a; } -.focus\:to-yellow-700:focus { +.hover\:to-yellow-700:hover { --gradient-to-color: #8e4b10; } -.focus\:to-yellow-800:focus { +.hover\:to-yellow-800:hover { --gradient-to-color: #723b13; } -.focus\:to-yellow-900:focus { +.hover\:to-yellow-900:hover { --gradient-to-color: #633112; } -.focus\:to-green-50:focus { +.hover\:to-green-50:hover { --gradient-to-color: #f3faf7; } -.focus\:to-green-100:focus { +.hover\:to-green-100:hover { --gradient-to-color: #def7ec; } -.focus\:to-green-200:focus { +.hover\:to-green-200:hover { --gradient-to-color: #bcf0da; } -.focus\:to-green-300:focus { +.hover\:to-green-300:hover { --gradient-to-color: #84e1bc; } -.focus\:to-green-400:focus { +.hover\:to-green-400:hover { --gradient-to-color: #31c48d; } -.focus\:to-green-500:focus { +.hover\:to-green-500:hover { --gradient-to-color: #0e9f6e; } -.focus\:to-green-600:focus { +.hover\:to-green-600:hover { --gradient-to-color: #057a55; } -.focus\:to-green-700:focus { +.hover\:to-green-700:hover { --gradient-to-color: #046c4e; } -.focus\:to-green-800:focus { +.hover\:to-green-800:hover { --gradient-to-color: #03543f; } -.focus\:to-green-900:focus { +.hover\:to-green-900:hover { --gradient-to-color: #014737; } -.focus\:to-teal-50:focus { +.hover\:to-teal-50:hover { --gradient-to-color: #edfafa; } -.focus\:to-teal-100:focus { +.hover\:to-teal-100:hover { --gradient-to-color: #d5f5f6; } -.focus\:to-teal-200:focus { +.hover\:to-teal-200:hover { --gradient-to-color: #afecef; } -.focus\:to-teal-300:focus { +.hover\:to-teal-300:hover { --gradient-to-color: #7edce2; } -.focus\:to-teal-400:focus { +.hover\:to-teal-400:hover { --gradient-to-color: #16bdca; } -.focus\:to-teal-500:focus { +.hover\:to-teal-500:hover { --gradient-to-color: #0694a2; } -.focus\:to-teal-600:focus { +.hover\:to-teal-600:hover { --gradient-to-color: #047481; } -.focus\:to-teal-700:focus { +.hover\:to-teal-700:hover { --gradient-to-color: #036672; } -.focus\:to-teal-800:focus { +.hover\:to-teal-800:hover { --gradient-to-color: #05505c; } -.focus\:to-teal-900:focus { +.hover\:to-teal-900:hover { --gradient-to-color: #014451; } -.focus\:to-blue-50:focus { +.hover\:to-blue-50:hover { --gradient-to-color: #ebf5ff; } -.focus\:to-blue-100:focus { +.hover\:to-blue-100:hover { --gradient-to-color: #e1effe; } -.focus\:to-blue-200:focus { +.hover\:to-blue-200:hover { --gradient-to-color: #c3ddfd; } -.focus\:to-blue-300:focus { +.hover\:to-blue-300:hover { --gradient-to-color: #a4cafe; } -.focus\:to-blue-400:focus { +.hover\:to-blue-400:hover { --gradient-to-color: #76a9fa; } -.focus\:to-blue-500:focus { +.hover\:to-blue-500:hover { --gradient-to-color: #3f83f8; } -.focus\:to-blue-600:focus { +.hover\:to-blue-600:hover { --gradient-to-color: #1c64f2; } -.focus\:to-blue-700:focus { +.hover\:to-blue-700:hover { --gradient-to-color: #1a56db; } -.focus\:to-blue-800:focus { +.hover\:to-blue-800:hover { --gradient-to-color: #1e429f; } -.focus\:to-blue-900:focus { +.hover\:to-blue-900:hover { --gradient-to-color: #233876; } -.focus\:to-indigo-50:focus { +.hover\:to-indigo-50:hover { --gradient-to-color: #f0f5ff; } -.focus\:to-indigo-100:focus { +.hover\:to-indigo-100:hover { --gradient-to-color: #e5edff; } -.focus\:to-indigo-200:focus { +.hover\:to-indigo-200:hover { --gradient-to-color: #cddbfe; } -.focus\:to-indigo-300:focus { +.hover\:to-indigo-300:hover { --gradient-to-color: #b4c6fc; } -.focus\:to-indigo-400:focus { +.hover\:to-indigo-400:hover { --gradient-to-color: #8da2fb; } -.focus\:to-indigo-500:focus { +.hover\:to-indigo-500:hover { --gradient-to-color: #6875f5; } -.focus\:to-indigo-600:focus { +.hover\:to-indigo-600:hover { --gradient-to-color: #5850ec; } -.focus\:to-indigo-700:focus { +.hover\:to-indigo-700:hover { --gradient-to-color: #5145cd; } -.focus\:to-indigo-800:focus { +.hover\:to-indigo-800:hover { --gradient-to-color: #42389d; } -.focus\:to-indigo-900:focus { +.hover\:to-indigo-900:hover { --gradient-to-color: #362f78; } -.focus\:to-purple-50:focus { +.hover\:to-purple-50:hover { --gradient-to-color: #f6f5ff; } -.focus\:to-purple-100:focus { +.hover\:to-purple-100:hover { --gradient-to-color: #edebfe; } -.focus\:to-purple-200:focus { +.hover\:to-purple-200:hover { --gradient-to-color: #dcd7fe; } -.focus\:to-purple-300:focus { +.hover\:to-purple-300:hover { --gradient-to-color: #cabffd; } -.focus\:to-purple-400:focus { +.hover\:to-purple-400:hover { --gradient-to-color: #ac94fa; } -.focus\:to-purple-500:focus { +.hover\:to-purple-500:hover { --gradient-to-color: #9061f9; } -.focus\:to-purple-600:focus { +.hover\:to-purple-600:hover { --gradient-to-color: #7e3af2; } -.focus\:to-purple-700:focus { +.hover\:to-purple-700:hover { --gradient-to-color: #6c2bd9; } -.focus\:to-purple-800:focus { +.hover\:to-purple-800:hover { --gradient-to-color: #5521b5; } -.focus\:to-purple-900:focus { +.hover\:to-purple-900:hover { --gradient-to-color: #4a1d96; } -.focus\:to-pink-50:focus { +.hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8; } -.focus\:to-pink-100:focus { +.hover\:to-pink-100:hover { --gradient-to-color: #fce8f3; } -.focus\:to-pink-200:focus { +.hover\:to-pink-200:hover { --gradient-to-color: #fad1e8; } -.focus\:to-pink-300:focus { +.hover\:to-pink-300:hover { --gradient-to-color: #f8b4d9; } -.focus\:to-pink-400:focus { +.hover\:to-pink-400:hover { --gradient-to-color: #f17eb8; } -.focus\:to-pink-500:focus { +.hover\:to-pink-500:hover { --gradient-to-color: #e74694; } -.focus\:to-pink-600:focus { +.hover\:to-pink-600:hover { --gradient-to-color: #d61f69; } -.focus\:to-pink-700:focus { +.hover\:to-pink-700:hover { --gradient-to-color: #bf125d; } -.focus\:to-pink-800:focus { +.hover\:to-pink-800:hover { --gradient-to-color: #99154b; } -.focus\:to-pink-900:focus { +.hover\:to-pink-900:hover { --gradient-to-color: #751a3d; } -.bg-opacity-0 { - --bg-opacity: 0; +.focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.bg-opacity-25 { - --bg-opacity: 0.25; +.focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.bg-opacity-50 { - --bg-opacity: 0.5; +.focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.bg-opacity-75 { - --bg-opacity: 0.75; +.focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.bg-opacity-100 { - --bg-opacity: 1; +.focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.hover\:bg-opacity-0:hover { - --bg-opacity: 0; +.focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; +.focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; +.focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; +.focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.hover\:bg-opacity-100:hover { - --bg-opacity: 1; +.focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.focus\:bg-opacity-0:focus { - --bg-opacity: 0; +.focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; +.focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; +.focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; +.focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.focus\:bg-opacity-100:focus { - --bg-opacity: 1; +.focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.bg-bottom { - background-position: bottom; +.focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.bg-center { - background-position: center; +.focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.bg-left { - background-position: left; +.focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.bg-left-bottom { - background-position: left bottom; +.focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.bg-left-top { - background-position: left top; +.focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.bg-right { - background-position: right; +.focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.bg-right-bottom { - background-position: right bottom; +.focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.bg-right-top { - background-position: right top; +.focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.bg-top { - background-position: top; +.focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.bg-repeat { - background-repeat: repeat; +.focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.bg-no-repeat { - background-repeat: no-repeat; +.focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.bg-repeat-x { - background-repeat: repeat-x; +.focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.bg-repeat-y { - background-repeat: repeat-y; +.focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.bg-repeat-round { - background-repeat: round; +.focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.bg-repeat-space { - background-repeat: space; +.focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.bg-auto { - background-size: auto; +.focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.bg-cover { - background-size: cover; +.focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.bg-contain { - background-size: contain; +.focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.border-collapse { - border-collapse: collapse; +.focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.border-separate { - border-collapse: separate; +.focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.border-transparent { - border-color: transparent; +.focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.border-current { - border-color: currentColor; +.focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.border-black { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.border-white { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.border-gray-50 { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); +.focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.border-gray-100 { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); +.focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.border-gray-200 { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); +.focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.border-gray-300 { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); +.focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.border-gray-400 { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); +.focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.border-gray-500 { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); +.focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.border-gray-600 { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); +.focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.border-gray-700 { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); +.focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.border-gray-800 { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); +.focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.border-gray-900 { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); +.focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.border-red-50 { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); +.focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.border-red-100 { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); +.focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.border-red-200 { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); +.focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.border-red-300 { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); +.focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.border-red-400 { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); +.focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.border-red-500 { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); +.focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.border-red-600 { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); +.focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.border-red-700 { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); +.focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.border-red-800 { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); +.focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.border-red-900 { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); +.focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.border-orange-50 { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); +.focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.border-orange-100 { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); +.focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.border-orange-200 { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); +.focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.border-orange-300 { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); +.focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.border-orange-400 { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); +.focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.border-orange-500 { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); +.focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.border-orange-600 { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); +.focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.border-orange-700 { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); +.focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.border-orange-800 { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); +.focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.border-orange-900 { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); +.focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.border-yellow-50 { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); +.focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.border-yellow-100 { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); +.focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.border-yellow-200 { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); +.focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.border-yellow-300 { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); +.focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.border-yellow-400 { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); +.focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.border-yellow-500 { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); +.focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.border-yellow-600 { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); +.focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.border-yellow-700 { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); +.focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.border-yellow-800 { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); +.focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.border-yellow-900 { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); +.focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.border-green-50 { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); +.focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.border-green-100 { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); +.focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.border-green-200 { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); +.focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.border-green-300 { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); +.focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.border-green-400 { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); +.focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.border-green-500 { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); +.focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.border-green-600 { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); +.focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.border-green-700 { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); +.focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.border-green-800 { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); +.focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.border-green-900 { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); +.focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.border-teal-50 { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); +.focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.border-teal-100 { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); +.focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.border-teal-200 { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); +.focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.border-teal-300 { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); +.focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.border-teal-400 { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); +.focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.border-teal-500 { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); +.focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.border-teal-600 { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); +.focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.border-teal-700 { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); +.focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.border-teal-800 { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); +.focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.border-teal-900 { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); +.focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.border-blue-50 { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); +.focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.border-blue-100 { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); +.focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.border-blue-200 { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); +.focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.border-blue-300 { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); +.focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.border-blue-400 { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); +.focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.border-blue-500 { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); +.focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.border-blue-600 { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); +.focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.border-blue-700 { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); +.focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.border-blue-800 { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); +.focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.border-blue-900 { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); +.focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } -.border-indigo-50 { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); +.focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } -.border-indigo-100 { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); +.focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } -.border-indigo-200 { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); +.focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } -.border-indigo-300 { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); +.focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } -.border-indigo-400 { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); +.focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } -.border-indigo-500 { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); +.focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } -.border-indigo-600 { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); +.focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } -.border-indigo-700 { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); +.focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } -.border-indigo-800 { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); +.focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } -.border-indigo-900 { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); +.focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } -.border-purple-50 { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); +.focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } -.border-purple-100 { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); +.focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } -.border-purple-200 { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); +.focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } -.border-purple-300 { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); +.focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } -.border-purple-400 { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); +.focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } -.border-purple-500 { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); +.focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } -.border-purple-600 { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); +.focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } -.border-purple-700 { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); +.focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } -.border-purple-800 { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); +.focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } -.border-purple-900 { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); +.focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } -.border-pink-50 { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } -.border-pink-100 { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); +.focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } -.border-pink-200 { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); +.focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } -.border-pink-300 { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); +.focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } -.border-pink-400 { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); +.focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } -.border-pink-500 { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); +.focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } -.border-pink-600 { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); +.focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } -.border-pink-700 { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); +.focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } -.border-pink-800 { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); +.focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } -.border-pink-900 { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); +.focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } -.hover\:border-transparent:hover { - border-color: transparent; +.focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } -.hover\:border-current:hover { - border-color: currentColor; +.focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } -.hover\:border-black:hover { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } -.hover\:border-white:hover { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } -.hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); +.focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } -.hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); +.focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } -.hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); +.focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } -.hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); +.focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } -.hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); +.focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } -.hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); +.focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } -.hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); +.focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } -.hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); +.focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } -.hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); +.focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } -.hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); +.focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } -.hover\:border-red-50:hover { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); +.focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } -.hover\:border-red-100:hover { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); +.focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } -.hover\:border-red-200:hover { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); +.focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } -.hover\:border-red-300:hover { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); +.focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } -.hover\:border-red-400:hover { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); +.focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } -.hover\:border-red-500:hover { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); +.focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } -.hover\:border-red-600:hover { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); +.focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } -.hover\:border-red-700:hover { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); +.focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } -.hover\:border-red-800:hover { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); +.focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } -.hover\:border-red-900:hover { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); +.focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } -.hover\:border-orange-50:hover { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); +.focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } -.hover\:border-orange-100:hover { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); +.focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } -.hover\:border-orange-200:hover { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); +.focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } -.hover\:border-orange-300:hover { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); +.focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } -.hover\:border-orange-400:hover { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); +.focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } -.hover\:border-orange-500:hover { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); +.focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } -.hover\:border-orange-600:hover { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); +.focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } -.hover\:border-orange-700:hover { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); +.focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } -.hover\:border-orange-800:hover { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); +.focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } -.hover\:border-orange-900:hover { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); +.focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } -.hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); +.focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } -.hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); +.focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } -.hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); +.focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } -.hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); +.focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } -.hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); +.focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } -.hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); +.focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } -.hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); +.focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } -.hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); +.focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } -.hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); +.focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } -.hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); +.focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } -.hover\:border-green-50:hover { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); +.focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } -.hover\:border-green-100:hover { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); +.focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } -.hover\:border-green-200:hover { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); +.focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } -.hover\:border-green-300:hover { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); +.focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } -.hover\:border-green-400:hover { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); +.focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } -.hover\:border-green-500:hover { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); +.focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } -.hover\:border-green-600:hover { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); +.focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } -.hover\:border-green-700:hover { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); +.focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } -.hover\:border-green-800:hover { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); +.focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } -.hover\:border-green-900:hover { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); +.focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } -.hover\:border-teal-50:hover { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); +.focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } -.hover\:border-teal-100:hover { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); +.focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } -.hover\:border-teal-200:hover { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); +.focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } -.hover\:border-teal-300:hover { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); +.focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } -.hover\:border-teal-400:hover { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); +.focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } -.hover\:border-teal-500:hover { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); +.focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } -.hover\:border-teal-600:hover { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); +.focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } -.hover\:border-teal-700:hover { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); +.focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } -.hover\:border-teal-800:hover { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); +.focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } -.hover\:border-teal-900:hover { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); +.focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } -.hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); +.focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } -.hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); +.focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } -.hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); +.focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } -.hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); +.focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } -.hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); +.focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } -.hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); +.focus\:to-transparent:focus { + --gradient-to-color: transparent; } -.hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); +.focus\:to-current:focus { + --gradient-to-color: currentColor; } -.hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); +.focus\:to-black:focus { + --gradient-to-color: #000000; } -.hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); +.focus\:to-white:focus { + --gradient-to-color: #ffffff; } -.hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); +.focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; } -.hover\:border-indigo-50:hover { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); +.focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; } -.hover\:border-indigo-100:hover { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); +.focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; } -.hover\:border-indigo-200:hover { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); +.focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; } -.hover\:border-indigo-300:hover { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); +.focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; } -.hover\:border-indigo-400:hover { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); +.focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; } -.hover\:border-indigo-500:hover { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); +.focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; } -.hover\:border-indigo-600:hover { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); +.focus\:to-gray-700:focus { + --gradient-to-color: #374151; } -.hover\:border-indigo-700:hover { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); -} - -.hover\:border-indigo-800:hover { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); +.focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; } -.hover\:border-indigo-900:hover { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); +.focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; } -.hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); +.focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; } -.hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); +.focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; } -.hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); +.focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; } -.hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); +.focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; } -.hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); +.focus\:to-red-400:focus { + --gradient-to-color: #f98080; } -.hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); +.focus\:to-red-500:focus { + --gradient-to-color: #f05252; } -.hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); +.focus\:to-red-600:focus { + --gradient-to-color: #e02424; } -.hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); +.focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; } -.hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); +.focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; } -.hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); +.focus\:to-red-900:focus { + --gradient-to-color: #771d1d; } -.hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; } -.hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); +.focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; } -.hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); +.focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; } -.hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); +.focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; } -.hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); +.focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; } -.hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); +.focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; } -.hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); +.focus\:to-orange-600:focus { + --gradient-to-color: #d03801; } -.hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); +.focus\:to-orange-700:focus { + --gradient-to-color: #b43403; } -.hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); +.focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; } -.hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); +.focus\:to-orange-900:focus { + --gradient-to-color: #73230d; } -.focus\:border-transparent:focus { - border-color: transparent; +.focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; } -.focus\:border-current:focus { - border-color: currentColor; +.focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; } -.focus\:border-black:focus { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; } -.focus\:border-white:focus { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; } -.focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); +.focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; } -.focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); +.focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; } -.focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); +.focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; } -.focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); +.focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; } -.focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); +.focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; } -.focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); +.focus\:to-yellow-900:focus { + --gradient-to-color: #633112; } -.focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); +.focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; } -.focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); +.focus\:to-green-100:focus { + --gradient-to-color: #def7ec; } -.focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); +.focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; } -.focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); +.focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; } -.focus\:border-red-50:focus { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); +.focus\:to-green-400:focus { + --gradient-to-color: #31c48d; } -.focus\:border-red-100:focus { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); +.focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; } -.focus\:border-red-200:focus { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); +.focus\:to-green-600:focus { + --gradient-to-color: #057a55; } -.focus\:border-red-300:focus { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); +.focus\:to-green-700:focus { + --gradient-to-color: #046c4e; } -.focus\:border-red-400:focus { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); +.focus\:to-green-800:focus { + --gradient-to-color: #03543f; } -.focus\:border-red-500:focus { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); +.focus\:to-green-900:focus { + --gradient-to-color: #014737; } -.focus\:border-red-600:focus { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); +.focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; } -.focus\:border-red-700:focus { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); +.focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; } -.focus\:border-red-800:focus { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); +.focus\:to-teal-200:focus { + --gradient-to-color: #afecef; } -.focus\:border-red-900:focus { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); +.focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; } -.focus\:border-orange-50:focus { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); +.focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; } -.focus\:border-orange-100:focus { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); +.focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; } -.focus\:border-orange-200:focus { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); +.focus\:to-teal-600:focus { + --gradient-to-color: #047481; } -.focus\:border-orange-300:focus { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); +.focus\:to-teal-700:focus { + --gradient-to-color: #036672; } -.focus\:border-orange-400:focus { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); +.focus\:to-teal-800:focus { + --gradient-to-color: #05505c; } -.focus\:border-orange-500:focus { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); +.focus\:to-teal-900:focus { + --gradient-to-color: #014451; } -.focus\:border-orange-600:focus { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); +.focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; } -.focus\:border-orange-700:focus { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); +.focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; } -.focus\:border-orange-800:focus { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); +.focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; } -.focus\:border-orange-900:focus { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); +.focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; } -.focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); +.focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; } -.focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); +.focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; } -.focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); +.focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; } -.focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); +.focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; } -.focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); +.focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; } -.focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); +.focus\:to-blue-900:focus { + --gradient-to-color: #233876; } -.focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); +.focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; } -.focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); +.focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; } -.focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); +.focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; } -.focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); +.focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; } -.focus\:border-green-50:focus { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); +.focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; } -.focus\:border-green-100:focus { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); +.focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; } -.focus\:border-green-200:focus { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); +.focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; } -.focus\:border-green-300:focus { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); +.focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; } -.focus\:border-green-400:focus { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); +.focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; } -.focus\:border-green-500:focus { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); +.focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; } -.focus\:border-green-600:focus { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); +.focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; } -.focus\:border-green-700:focus { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); +.focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; } -.focus\:border-green-800:focus { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); +.focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; } -.focus\:border-green-900:focus { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); +.focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; } -.focus\:border-teal-50:focus { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); +.focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; } -.focus\:border-teal-100:focus { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); +.focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; } -.focus\:border-teal-200:focus { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); +.focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; } -.focus\:border-teal-300:focus { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); +.focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; } -.focus\:border-teal-400:focus { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); +.focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; } -.focus\:border-teal-500:focus { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); +.focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; } -.focus\:border-teal-600:focus { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); +.focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } -.focus\:border-teal-700:focus { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); +.focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; } -.focus\:border-teal-800:focus { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); +.focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; } -.focus\:border-teal-900:focus { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); +.focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; } -.focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); +.focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; } -.focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); +.focus\:to-pink-500:focus { + --gradient-to-color: #e74694; } -.focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); +.focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; } -.focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); +.focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; } -.focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); +.focus\:to-pink-800:focus { + --gradient-to-color: #99154b; } -.focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); +.focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; } -.focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); -} +@media (prefers-color-scheme: dark) { + .dark\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); -} + .dark\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); -} + .dark\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); -} + .dark\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.focus\:border-indigo-50:focus { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); -} + .dark\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.focus\:border-indigo-100:focus { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); -} + .dark\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.focus\:border-indigo-200:focus { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); -} + .dark\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.focus\:border-indigo-300:focus { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); -} + .dark\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.focus\:border-indigo-400:focus { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); -} + .dark\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.focus\:border-indigo-500:focus { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); -} + .dark\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.focus\:border-indigo-600:focus { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); -} + .dark\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.focus\:border-indigo-700:focus { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); -} + .dark\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.focus\:border-indigo-800:focus { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); -} + .dark\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.focus\:border-indigo-900:focus { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); -} + .dark\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); -} + .dark\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); -} + .dark\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); -} + .dark\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); -} + .dark\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); -} + .dark\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); -} + .dark\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); -} + .dark\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); -} + .dark\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); -} + .dark\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); -} + .dark\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); -} + .dark\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); -} + .dark\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); -} + .dark\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); -} + .dark\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); -} + .dark\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); -} + .dark\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); -} + .dark\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); -} + .dark\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); -} + .dark\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); -} + .dark\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.border-opacity-0 { - --border-opacity: 0; -} + .dark\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.border-opacity-25 { - --border-opacity: 0.25; -} + .dark\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.border-opacity-50 { - --border-opacity: 0.5; -} + .dark\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.border-opacity-75 { - --border-opacity: 0.75; -} + .dark\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.border-opacity-100 { - --border-opacity: 1; -} + .dark\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.hover\:border-opacity-0:hover { - --border-opacity: 0; -} + .dark\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.hover\:border-opacity-25:hover { - --border-opacity: 0.25; -} + .dark\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.hover\:border-opacity-50:hover { - --border-opacity: 0.5; -} + .dark\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.hover\:border-opacity-75:hover { - --border-opacity: 0.75; -} + .dark\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.hover\:border-opacity-100:hover { - --border-opacity: 1; -} + .dark\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.focus\:border-opacity-0:focus { - --border-opacity: 0; -} + .dark\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.focus\:border-opacity-25:focus { - --border-opacity: 0.25; -} + .dark\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.focus\:border-opacity-50:focus { - --border-opacity: 0.5; -} + .dark\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.focus\:border-opacity-75:focus { - --border-opacity: 0.75; -} + .dark\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.focus\:border-opacity-100:focus { - --border-opacity: 1; -} + .dark\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.rounded-none { - border-radius: 0; -} + .dark\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.rounded-sm { - border-radius: 0.125rem; -} + .dark\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.rounded { - border-radius: 0.25rem; -} + .dark\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.rounded-md { - border-radius: 0.375rem; -} + .dark\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.rounded-lg { - border-radius: 0.5rem; -} + .dark\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.rounded-full { - border-radius: 9999px; -} + .dark\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; -} + .dark\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + .dark\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} + .dark\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} + .dark\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; -} + .dark\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; -} + .dark\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} + .dark\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} + .dark\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} + .dark\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} + .dark\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} + .dark\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} + .dark\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} + .dark\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} + .dark\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} + .dark\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} + .dark\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} + .dark\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} + .dark\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} + .dark\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} + .dark\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; -} + .dark\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} + .dark\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; -} + .dark\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} + .dark\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.rounded-tl-none { - border-top-left-radius: 0; -} + .dark\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.rounded-tr-none { - border-top-right-radius: 0; -} + .dark\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.rounded-br-none { - border-bottom-right-radius: 0; -} + .dark\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.rounded-bl-none { - border-bottom-left-radius: 0; -} + .dark\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.rounded-tl-sm { - border-top-left-radius: 0.125rem; -} + .dark\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.rounded-tr-sm { - border-top-right-radius: 0.125rem; -} + .dark\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.rounded-br-sm { - border-bottom-right-radius: 0.125rem; -} + .dark\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.rounded-bl-sm { - border-bottom-left-radius: 0.125rem; -} + .dark\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.rounded-tl { - border-top-left-radius: 0.25rem; -} + .dark\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.rounded-tr { - border-top-right-radius: 0.25rem; -} + .dark\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.rounded-br { - border-bottom-right-radius: 0.25rem; -} + .dark\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.rounded-bl { - border-bottom-left-radius: 0.25rem; -} + .dark\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.rounded-tl-md { - border-top-left-radius: 0.375rem; -} + .dark\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.rounded-tr-md { - border-top-right-radius: 0.375rem; -} + .dark\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.rounded-br-md { - border-bottom-right-radius: 0.375rem; -} + .dark\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.rounded-bl-md { - border-bottom-left-radius: 0.375rem; -} + .dark\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.rounded-tl-lg { - border-top-left-radius: 0.5rem; -} + .dark\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.rounded-tr-lg { - border-top-right-radius: 0.5rem; -} + .dark\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.rounded-br-lg { - border-bottom-right-radius: 0.5rem; -} + .dark\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.rounded-bl-lg { - border-bottom-left-radius: 0.5rem; -} + .dark\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.rounded-tl-full { - border-top-left-radius: 9999px; -} + .dark\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.rounded-tr-full { - border-top-right-radius: 9999px; -} + .dark\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.rounded-br-full { - border-bottom-right-radius: 9999px; -} + .dark\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.rounded-bl-full { - border-bottom-left-radius: 9999px; -} + .dark\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.border-solid { - border-style: solid; -} + .dark\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.border-dashed { - border-style: dashed; -} + .dark\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.border-dotted { - border-style: dotted; -} + .dark\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.border-double { - border-style: double; -} + .dark\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.border-none { - border-style: none; -} + .dark\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.border-0 { - border-width: 0; -} + .dark\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.border-2 { - border-width: 2px; -} + .dark\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.border-4 { - border-width: 4px; -} + .dark\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.border-8 { - border-width: 8px; -} + .dark\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.border { - border-width: 1px; -} + .dark\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.border-t-0 { - border-top-width: 0; -} + .dark\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.border-r-0 { - border-right-width: 0; -} + .dark\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.border-b-0 { - border-bottom-width: 0; -} + .dark\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.border-l-0 { - border-left-width: 0; -} + .dark\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.border-t-2 { - border-top-width: 2px; -} + .dark\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.border-r-2 { - border-right-width: 2px; -} + .dark\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.border-b-2 { - border-bottom-width: 2px; -} + .dark\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.border-l-2 { - border-left-width: 2px; -} + .dark\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.border-t-4 { - border-top-width: 4px; -} + .dark\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.border-r-4 { - border-right-width: 4px; -} + .dark\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.border-b-4 { - border-bottom-width: 4px; -} + .dark\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.border-l-4 { - border-left-width: 4px; -} + .dark\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.border-t-8 { - border-top-width: 8px; -} + .dark\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.border-r-8 { - border-right-width: 8px; -} + .dark\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.border-b-8 { - border-bottom-width: 8px; -} + .dark\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.border-l-8 { - border-left-width: 8px; -} + .dark\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.border-t { - border-top-width: 1px; -} + .dark\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.border-r { - border-right-width: 1px; -} + .dark\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.border-b { - border-bottom-width: 1px; -} + .dark\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.border-l { - border-left-width: 1px; -} + .dark\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.box-border { - box-sizing: border-box; -} + .dark\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.box-content { - box-sizing: content-box; -} + .dark\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.cursor-auto { - cursor: auto; -} + .dark\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.cursor-default { - cursor: default; -} + .dark\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.cursor-pointer { - cursor: pointer; -} + .dark\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.cursor-wait { - cursor: wait; -} + .dark\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.cursor-text { - cursor: text; -} + .dark\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.cursor-move { - cursor: move; -} + .dark\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.cursor-not-allowed { - cursor: not-allowed; -} + .dark\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.block { - display: block; -} + .dark\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.inline-block { - display: inline-block; -} + .dark\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.inline { - display: inline; -} + .dark\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.flex { - display: flex; -} + .dark\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.inline-flex { - display: inline-flex; -} + .dark\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.table { - display: table; -} + .dark\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.table-caption { - display: table-caption; -} + .dark\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.table-cell { - display: table-cell; -} + .dark\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.table-column { - display: table-column; -} + .dark\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.table-column-group { - display: table-column-group; -} + .dark\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.table-footer-group { - display: table-footer-group; -} + .dark\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.table-header-group { - display: table-header-group; -} + .dark\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.table-row-group { - display: table-row-group; -} + .dark\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.table-row { - display: table-row; -} + .dark\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.flow-root { - display: flow-root; -} + .dark\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.grid { - display: grid; -} + .dark\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.inline-grid { - display: inline-grid; -} + .dark\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.contents { - display: contents; -} + .dark\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.hidden { - display: none; -} + .dark\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.flex-row { - flex-direction: row; -} + .dark\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.flex-row-reverse { - flex-direction: row-reverse; -} + .dark\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.flex-col { - flex-direction: column; -} + .dark\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.flex-col-reverse { - flex-direction: column-reverse; -} + .dark\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.flex-wrap { - flex-wrap: wrap; -} + .dark\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.flex-wrap-reverse { - flex-wrap: wrap-reverse; -} + .dark\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.flex-no-wrap { - flex-wrap: nowrap; -} + .dark\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.items-start { - align-items: flex-start; -} + .dark\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.items-end { - align-items: flex-end; -} + .dark\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.items-center { - align-items: center; -} + .dark\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.items-baseline { - align-items: baseline; -} + .dark\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.items-stretch { - align-items: stretch; -} + .dark\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.self-auto { - align-self: auto; -} + .dark\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.self-start { - align-self: flex-start; -} + .dark\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.self-end { - align-self: flex-end; -} + .dark\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.self-center { - align-self: center; -} + .dark\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.self-stretch { - align-self: stretch; -} + .dark\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.justify-start { - justify-content: flex-start; -} + .dark\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.justify-end { - justify-content: flex-end; -} + .dark\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.justify-center { - justify-content: center; -} + .dark\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.justify-between { - justify-content: space-between; -} + .dark\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.justify-around { - justify-content: space-around; -} + .dark\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.justify-evenly { - justify-content: space-evenly; -} + .dark\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.content-center { - align-content: center; -} + .dark\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.content-start { - align-content: flex-start; -} + .dark\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.content-end { - align-content: flex-end; -} + .dark\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.content-between { - align-content: space-between; -} + .dark\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.content-around { - align-content: space-around; -} + .dark\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.flex-1 { - flex: 1 1 0%; -} + .dark\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.flex-auto { - flex: 1 1 auto; -} + .dark\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.flex-initial { - flex: 0 1 auto; -} + .dark\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.flex-none { - flex: none; -} + .dark\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.flex-grow-0 { - flex-grow: 0; -} + .dark\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.flex-grow { - flex-grow: 1; -} + .dark\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.flex-shrink-0 { - flex-shrink: 0; -} + .dark\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.flex-shrink { - flex-shrink: 1; -} + .dark\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.order-1 { - order: 1; -} + .dark\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.order-2 { - order: 2; -} + .dark\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.order-3 { - order: 3; -} + .dark\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.order-4 { - order: 4; -} + .dark\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.order-5 { - order: 5; -} + .dark\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.order-6 { - order: 6; -} + .dark\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.order-7 { - order: 7; -} + .dark\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.order-8 { - order: 8; -} + .dark\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.order-9 { - order: 9; -} + .dark\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.order-10 { - order: 10; -} + .dark\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.order-11 { - order: 11; -} + .dark\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.order-12 { - order: 12; -} + .dark\:to-transparent { + --gradient-to-color: transparent; + } -.order-first { - order: -9999; -} + .dark\:to-current { + --gradient-to-color: currentColor; + } -.order-last { - order: 9999; -} + .dark\:to-black { + --gradient-to-color: #000000; + } -.order-none { - order: 0; -} + .dark\:to-white { + --gradient-to-color: #ffffff; + } -.float-right { - float: right; -} + .dark\:to-gray-50 { + --gradient-to-color: #f9fafb; + } -.float-left { - float: left; -} + .dark\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } -.float-none { - float: none; -} + .dark\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } -.clearfix:after { - content: ""; - display: table; - clear: both; -} + .dark\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } -.clear-left { - clear: left; -} + .dark\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } -.clear-right { - clear: right; -} + .dark\:to-gray-500 { + --gradient-to-color: #6b7280; + } -.clear-both { - clear: both; -} + .dark\:to-gray-600 { + --gradient-to-color: #4b5563; + } -.clear-none { - clear: none; -} + .dark\:to-gray-700 { + --gradient-to-color: #374151; + } -.font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} + .dark\:to-gray-800 { + --gradient-to-color: #252f3f; + } -.font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; -} + .dark\:to-gray-900 { + --gradient-to-color: #161e2e; + } -.font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} + .dark\:to-red-50 { + --gradient-to-color: #fdf2f2; + } -.font-hairline { - font-weight: 100; -} + .dark\:to-red-100 { + --gradient-to-color: #fde8e8; + } -.font-thin { - font-weight: 200; -} + .dark\:to-red-200 { + --gradient-to-color: #fbd5d5; + } -.font-light { - font-weight: 300; -} + .dark\:to-red-300 { + --gradient-to-color: #f8b4b4; + } -.font-normal { - font-weight: 400; -} + .dark\:to-red-400 { + --gradient-to-color: #f98080; + } -.font-medium { - font-weight: 500; -} + .dark\:to-red-500 { + --gradient-to-color: #f05252; + } -.font-semibold { - font-weight: 600; -} + .dark\:to-red-600 { + --gradient-to-color: #e02424; + } -.font-bold { - font-weight: 700; -} + .dark\:to-red-700 { + --gradient-to-color: #c81e1e; + } -.font-extrabold { - font-weight: 800; -} + .dark\:to-red-800 { + --gradient-to-color: #9b1c1c; + } -.font-black { - font-weight: 900; -} + .dark\:to-red-900 { + --gradient-to-color: #771d1d; + } -.hover\:font-hairline:hover { - font-weight: 100; -} + .dark\:to-orange-50 { + --gradient-to-color: #fff8f1; + } -.hover\:font-thin:hover { - font-weight: 200; -} + .dark\:to-orange-100 { + --gradient-to-color: #feecdc; + } -.hover\:font-light:hover { - font-weight: 300; -} + .dark\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } -.hover\:font-normal:hover { - font-weight: 400; -} + .dark\:to-orange-300 { + --gradient-to-color: #fdba8c; + } -.hover\:font-medium:hover { - font-weight: 500; -} + .dark\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } -.hover\:font-semibold:hover { - font-weight: 600; -} + .dark\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } -.hover\:font-bold:hover { - font-weight: 700; -} + .dark\:to-orange-600 { + --gradient-to-color: #d03801; + } -.hover\:font-extrabold:hover { - font-weight: 800; -} + .dark\:to-orange-700 { + --gradient-to-color: #b43403; + } -.hover\:font-black:hover { - font-weight: 900; -} + .dark\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } -.focus\:font-hairline:focus { - font-weight: 100; -} + .dark\:to-orange-900 { + --gradient-to-color: #73230d; + } -.focus\:font-thin:focus { - font-weight: 200; -} + .dark\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } -.focus\:font-light:focus { - font-weight: 300; -} + .dark\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } -.focus\:font-normal:focus { - font-weight: 400; -} + .dark\:to-yellow-200 { + --gradient-to-color: #fce96a; + } -.focus\:font-medium:focus { - font-weight: 500; -} + .dark\:to-yellow-300 { + --gradient-to-color: #faca15; + } -.focus\:font-semibold:focus { - font-weight: 600; -} + .dark\:to-yellow-400 { + --gradient-to-color: #e3a008; + } -.focus\:font-bold:focus { - font-weight: 700; -} + .dark\:to-yellow-500 { + --gradient-to-color: #c27803; + } -.focus\:font-extrabold:focus { - font-weight: 800; -} + .dark\:to-yellow-600 { + --gradient-to-color: #9f580a; + } -.focus\:font-black:focus { - font-weight: 900; -} + .dark\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } -.h-0 { - height: 0; -} + .dark\:to-yellow-800 { + --gradient-to-color: #723b13; + } -.h-1 { - height: 0.25rem; -} + .dark\:to-yellow-900 { + --gradient-to-color: #633112; + } -.h-2 { - height: 0.5rem; -} + .dark\:to-green-50 { + --gradient-to-color: #f3faf7; + } -.h-3 { - height: 0.75rem; -} + .dark\:to-green-100 { + --gradient-to-color: #def7ec; + } -.h-4 { - height: 1rem; -} + .dark\:to-green-200 { + --gradient-to-color: #bcf0da; + } -.h-5 { - height: 1.25rem; -} + .dark\:to-green-300 { + --gradient-to-color: #84e1bc; + } -.h-6 { - height: 1.5rem; -} + .dark\:to-green-400 { + --gradient-to-color: #31c48d; + } -.h-7 { - height: 1.75rem; -} + .dark\:to-green-500 { + --gradient-to-color: #0e9f6e; + } -.h-8 { - height: 2rem; -} + .dark\:to-green-600 { + --gradient-to-color: #057a55; + } -.h-9 { - height: 2.25rem; -} + .dark\:to-green-700 { + --gradient-to-color: #046c4e; + } -.h-10 { - height: 2.5rem; -} + .dark\:to-green-800 { + --gradient-to-color: #03543f; + } -.h-11 { - height: 2.75rem; -} + .dark\:to-green-900 { + --gradient-to-color: #014737; + } -.h-12 { - height: 3rem; -} + .dark\:to-teal-50 { + --gradient-to-color: #edfafa; + } -.h-13 { - height: 3.25rem; -} + .dark\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } -.h-14 { - height: 3.5rem; -} + .dark\:to-teal-200 { + --gradient-to-color: #afecef; + } -.h-15 { - height: 3.75rem; -} + .dark\:to-teal-300 { + --gradient-to-color: #7edce2; + } -.h-16 { - height: 4rem; -} + .dark\:to-teal-400 { + --gradient-to-color: #16bdca; + } -.h-20 { - height: 5rem; -} + .dark\:to-teal-500 { + --gradient-to-color: #0694a2; + } -.h-24 { - height: 6rem; -} + .dark\:to-teal-600 { + --gradient-to-color: #047481; + } -.h-28 { - height: 7rem; -} + .dark\:to-teal-700 { + --gradient-to-color: #036672; + } -.h-32 { - height: 8rem; -} + .dark\:to-teal-800 { + --gradient-to-color: #05505c; + } -.h-36 { - height: 9rem; -} + .dark\:to-teal-900 { + --gradient-to-color: #014451; + } -.h-40 { - height: 10rem; -} + .dark\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } -.h-44 { - height: 11rem; -} + .dark\:to-blue-100 { + --gradient-to-color: #e1effe; + } -.h-48 { - height: 12rem; -} + .dark\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } -.h-52 { - height: 13rem; -} + .dark\:to-blue-300 { + --gradient-to-color: #a4cafe; + } -.h-56 { - height: 14rem; -} + .dark\:to-blue-400 { + --gradient-to-color: #76a9fa; + } -.h-60 { - height: 15rem; -} + .dark\:to-blue-500 { + --gradient-to-color: #3f83f8; + } -.h-64 { - height: 16rem; -} + .dark\:to-blue-600 { + --gradient-to-color: #1c64f2; + } -.h-72 { - height: 18rem; -} + .dark\:to-blue-700 { + --gradient-to-color: #1a56db; + } -.h-80 { - height: 20rem; -} + .dark\:to-blue-800 { + --gradient-to-color: #1e429f; + } -.h-96 { - height: 24rem; -} + .dark\:to-blue-900 { + --gradient-to-color: #233876; + } -.h-auto { - height: auto; -} + .dark\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } -.h-px { - height: 1px; -} + .dark\:to-indigo-100 { + --gradient-to-color: #e5edff; + } -.h-0\.5 { - height: 0.125rem; -} + .dark\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } -.h-1\.5 { - height: 0.375rem; -} + .dark\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } -.h-2\.5 { - height: 0.625rem; -} + .dark\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } -.h-3\.5 { - height: 0.875rem; -} + .dark\:to-indigo-500 { + --gradient-to-color: #6875f5; + } -.h-1\/2 { - height: 50%; -} + .dark\:to-indigo-600 { + --gradient-to-color: #5850ec; + } -.h-1\/3 { - height: 33.333333%; -} + .dark\:to-indigo-700 { + --gradient-to-color: #5145cd; + } -.h-2\/3 { - height: 66.666667%; -} + .dark\:to-indigo-800 { + --gradient-to-color: #42389d; + } -.h-1\/4 { - height: 25%; -} + .dark\:to-indigo-900 { + --gradient-to-color: #362f78; + } -.h-2\/4 { - height: 50%; -} + .dark\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } -.h-3\/4 { - height: 75%; -} + .dark\:to-purple-100 { + --gradient-to-color: #edebfe; + } -.h-1\/5 { - height: 20%; -} + .dark\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } -.h-2\/5 { - height: 40%; -} + .dark\:to-purple-300 { + --gradient-to-color: #cabffd; + } -.h-3\/5 { - height: 60%; -} + .dark\:to-purple-400 { + --gradient-to-color: #ac94fa; + } -.h-4\/5 { - height: 80%; -} + .dark\:to-purple-500 { + --gradient-to-color: #9061f9; + } -.h-1\/6 { - height: 16.666667%; -} + .dark\:to-purple-600 { + --gradient-to-color: #7e3af2; + } -.h-2\/6 { - height: 33.333333%; -} + .dark\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } -.h-3\/6 { - height: 50%; -} + .dark\:to-purple-800 { + --gradient-to-color: #5521b5; + } -.h-4\/6 { - height: 66.666667%; -} + .dark\:to-purple-900 { + --gradient-to-color: #4a1d96; + } -.h-5\/6 { - height: 83.333333%; -} + .dark\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } -.h-1\/12 { - height: 8.333333%; -} + .dark\:to-pink-100 { + --gradient-to-color: #fce8f3; + } -.h-2\/12 { - height: 16.666667%; -} + .dark\:to-pink-200 { + --gradient-to-color: #fad1e8; + } -.h-3\/12 { - height: 25%; -} + .dark\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } -.h-4\/12 { - height: 33.333333%; -} + .dark\:to-pink-400 { + --gradient-to-color: #f17eb8; + } -.h-5\/12 { - height: 41.666667%; -} + .dark\:to-pink-500 { + --gradient-to-color: #e74694; + } -.h-6\/12 { - height: 50%; -} + .dark\:to-pink-600 { + --gradient-to-color: #d61f69; + } -.h-7\/12 { - height: 58.333333%; -} + .dark\:to-pink-700 { + --gradient-to-color: #bf125d; + } -.h-8\/12 { - height: 66.666667%; -} + .dark\:to-pink-800 { + --gradient-to-color: #99154b; + } -.h-9\/12 { - height: 75%; -} + .dark\:to-pink-900 { + --gradient-to-color: #751a3d; + } -.h-10\/12 { - height: 83.333333%; -} + .dark\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.h-11\/12 { - height: 91.666667%; -} + .dark\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.h-full { - height: 100%; -} + .dark\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.h-screen { - height: 100vh; -} + .dark\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} + .dark\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} + .dark\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} + .dark\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} + .dark\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} + .dark\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} + .dark\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} + .dark\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} + .dark\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.text-5xl { - font-size: 3rem; - line-height: 1; -} + .dark\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.text-6xl { - font-size: 4rem; - line-height: 1; -} + .dark\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.text-7xl { - font-size: 5rem; - line-height: 1; -} + .dark\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.text-8xl { - font-size: 6rem; - line-height: 1; -} + .dark\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.text-9xl { - font-size: 8rem; - line-height: 1; -} + .dark\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.leading-3 { - line-height: .75rem; -} + .dark\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.leading-4 { - line-height: 1rem; -} + .dark\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.leading-5 { - line-height: 1.25rem; -} + .dark\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.leading-6 { - line-height: 1.5rem; -} + .dark\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.leading-7 { - line-height: 1.75rem; -} + .dark\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.leading-8 { - line-height: 2rem; -} + .dark\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.leading-9 { - line-height: 2.25rem; -} + .dark\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.leading-10 { - line-height: 2.5rem; -} + .dark\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.leading-none { - line-height: 1; -} + .dark\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.leading-tight { - line-height: 1.25; -} + .dark\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.leading-snug { - line-height: 1.375; -} + .dark\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.leading-normal { - line-height: 1.5; -} + .dark\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.leading-relaxed { - line-height: 1.625; -} + .dark\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.leading-loose { - line-height: 2; -} + .dark\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.list-inside { - list-style-position: inside; -} + .dark\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.list-outside { - list-style-position: outside; -} + .dark\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.list-none { - list-style-type: none; -} + .dark\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.list-disc { - list-style-type: disc; -} + .dark\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.list-decimal { - list-style-type: decimal; -} + .dark\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.m-0 { - margin: 0; -} + .dark\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.m-1 { - margin: 0.25rem; -} + .dark\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.m-2 { - margin: 0.5rem; -} + .dark\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.m-3 { - margin: 0.75rem; -} + .dark\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.m-4 { - margin: 1rem; -} + .dark\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.m-5 { - margin: 1.25rem; -} + .dark\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.m-6 { - margin: 1.5rem; -} + .dark\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.m-7 { - margin: 1.75rem; -} + .dark\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.m-8 { - margin: 2rem; -} + .dark\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.m-9 { - margin: 2.25rem; -} + .dark\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.m-10 { - margin: 2.5rem; -} + .dark\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.m-11 { - margin: 2.75rem; -} + .dark\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.m-12 { - margin: 3rem; -} + .dark\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.m-13 { - margin: 3.25rem; -} + .dark\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.m-14 { - margin: 3.5rem; -} + .dark\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.m-15 { - margin: 3.75rem; -} + .dark\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.m-16 { - margin: 4rem; -} + .dark\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.m-20 { - margin: 5rem; -} + .dark\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.m-24 { - margin: 6rem; -} + .dark\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.m-28 { - margin: 7rem; -} + .dark\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.m-32 { - margin: 8rem; -} + .dark\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.m-36 { - margin: 9rem; -} + .dark\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.m-40 { - margin: 10rem; -} + .dark\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.m-44 { - margin: 11rem; -} + .dark\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.m-48 { - margin: 12rem; -} + .dark\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.m-52 { - margin: 13rem; -} + .dark\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.m-56 { - margin: 14rem; -} + .dark\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.m-60 { - margin: 15rem; -} + .dark\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.m-64 { - margin: 16rem; -} + .dark\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.m-72 { - margin: 18rem; -} + .dark\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.m-80 { - margin: 20rem; -} + .dark\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.m-96 { - margin: 24rem; -} + .dark\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.m-auto { - margin: auto; -} + .dark\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.m-px { - margin: 1px; -} + .dark\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.m-0\.5 { - margin: 0.125rem; -} + .dark\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.m-1\.5 { - margin: 0.375rem; -} + .dark\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.m-2\.5 { - margin: 0.625rem; -} + .dark\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.m-3\.5 { - margin: 0.875rem; -} + .dark\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.m-1\/2 { - margin: 50%; -} + .dark\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.m-1\/3 { - margin: 33.333333%; -} + .dark\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.m-2\/3 { - margin: 66.666667%; -} + .dark\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.m-1\/4 { - margin: 25%; -} + .dark\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.m-2\/4 { - margin: 50%; -} + .dark\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.m-3\/4 { - margin: 75%; -} + .dark\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.m-1\/5 { - margin: 20%; -} + .dark\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.m-2\/5 { - margin: 40%; -} + .dark\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.m-3\/5 { - margin: 60%; -} + .dark\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.m-4\/5 { - margin: 80%; -} + .dark\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.m-1\/6 { - margin: 16.666667%; -} + .dark\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.m-2\/6 { - margin: 33.333333%; -} + .dark\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.m-3\/6 { - margin: 50%; -} + .dark\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.m-4\/6 { - margin: 66.666667%; -} + .dark\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.m-5\/6 { - margin: 83.333333%; -} + .dark\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.m-1\/12 { - margin: 8.333333%; -} + .dark\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.m-2\/12 { - margin: 16.666667%; -} + .dark\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.m-3\/12 { - margin: 25%; -} + .dark\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.m-4\/12 { - margin: 33.333333%; -} + .dark\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.m-5\/12 { - margin: 41.666667%; -} + .dark\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.m-6\/12 { - margin: 50%; -} + .dark\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.m-7\/12 { - margin: 58.333333%; -} + .dark\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.m-8\/12 { - margin: 66.666667%; -} + .dark\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.m-9\/12 { - margin: 75%; -} + .dark\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.m-10\/12 { - margin: 83.333333%; -} + .dark\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.m-11\/12 { - margin: 91.666667%; -} + .dark\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.m-full { - margin: 100%; -} + .dark\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.-m-1 { - margin: -0.25rem; -} + .dark\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.-m-2 { - margin: -0.5rem; -} + .dark\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.-m-3 { - margin: -0.75rem; -} + .dark\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.-m-4 { - margin: -1rem; -} + .dark\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-m-5 { - margin: -1.25rem; -} + .dark\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.-m-6 { - margin: -1.5rem; -} + .dark\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-m-7 { - margin: -1.75rem; -} + .dark\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.-m-8 { - margin: -2rem; -} + .dark\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.-m-9 { - margin: -2.25rem; -} + .dark\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.-m-10 { - margin: -2.5rem; -} + .dark\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.-m-11 { - margin: -2.75rem; -} + .dark\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.-m-12 { - margin: -3rem; -} + .dark\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.-m-13 { - margin: -3.25rem; -} + .dark\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.-m-14 { - margin: -3.5rem; -} + .dark\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.-m-15 { - margin: -3.75rem; -} + .dark\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.-m-16 { - margin: -4rem; -} + .dark\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.-m-20 { - margin: -5rem; -} + .dark\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.-m-24 { - margin: -6rem; -} + .dark\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.-m-28 { - margin: -7rem; -} + .dark\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.-m-32 { - margin: -8rem; -} + .dark\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.-m-36 { - margin: -9rem; -} + .dark\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.-m-40 { - margin: -10rem; -} + .dark\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.-m-44 { - margin: -11rem; -} + .dark\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.-m-48 { - margin: -12rem; -} + .dark\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.-m-52 { - margin: -13rem; -} + .dark\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.-m-56 { - margin: -14rem; -} + .dark\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.-m-60 { - margin: -15rem; -} + .dark\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.-m-64 { - margin: -16rem; -} + .dark\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.-m-72 { - margin: -18rem; -} + .dark\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.-m-80 { - margin: -20rem; -} + .dark\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.-m-96 { - margin: -24rem; -} + .dark\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.-m-px { - margin: -1px; -} + .dark\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.-m-0\.5 { - margin: -0.125rem; -} + .dark\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.-m-1\.5 { - margin: -0.375rem; -} + .dark\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.-m-2\.5 { - margin: -0.625rem; -} + .dark\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.-m-3\.5 { - margin: -0.875rem; -} + .dark\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.-m-1\/2 { - margin: -50%; -} + .dark\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.-m-1\/3 { - margin: -33.33333%; -} + .dark\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.-m-2\/3 { - margin: -66.66667%; -} + .dark\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.-m-1\/4 { - margin: -25%; -} + .dark\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.-m-2\/4 { - margin: -50%; -} + .dark\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.-m-3\/4 { - margin: -75%; -} + .dark\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.-m-1\/5 { - margin: -20%; -} + .dark\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.-m-2\/5 { - margin: -40%; -} + .dark\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.-m-3\/5 { - margin: -60%; -} + .dark\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.-m-4\/5 { - margin: -80%; -} + .dark\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.-m-1\/6 { - margin: -16.66667%; -} + .dark\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.-m-2\/6 { - margin: -33.33333%; -} + .dark\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.-m-3\/6 { - margin: -50%; -} + .dark\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.-m-4\/6 { - margin: -66.66667%; -} + .dark\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.-m-5\/6 { - margin: -83.33333%; -} + .dark\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.-m-1\/12 { - margin: -8.33333%; -} + .dark\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.-m-2\/12 { - margin: -16.66667%; -} + .dark\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.-m-3\/12 { - margin: -25%; -} + .dark\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.-m-4\/12 { - margin: -33.33333%; -} + .dark\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.-m-5\/12 { - margin: -41.66667%; -} + .dark\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.-m-6\/12 { - margin: -50%; -} + .dark\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.-m-7\/12 { - margin: -58.33333%; -} + .dark\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.-m-8\/12 { - margin: -66.66667%; -} + .dark\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.-m-9\/12 { - margin: -75%; -} + .dark\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.-m-10\/12 { - margin: -83.33333%; -} + .dark\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.-m-11\/12 { - margin: -91.66667%; -} + .dark\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.-m-full { - margin: -100%; -} + .dark\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.my-0 { - margin-top: 0; - margin-bottom: 0; -} + .dark\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.mx-0 { - margin-left: 0; - margin-right: 0; -} + .dark\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} + .dark\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} + .dark\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} + .dark\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} + .dark\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} + .dark\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; -} + .dark\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} + .dark\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} + .dark\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} + .dark\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; -} + .dark\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} + .dark\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; -} + .dark\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; -} + .dark\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; -} + .dark\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} + .dark\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; -} + .dark\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; -} + .dark\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; -} + .dark\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; -} + .dark\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; -} + .dark\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; -} + .dark\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; -} + .dark\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; -} + .dark\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.mx-12 { - margin-left: 3rem; - margin-right: 3rem; -} + .dark\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.my-13 { - margin-top: 3.25rem; - margin-bottom: 3.25rem; -} + .dark\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.mx-13 { - margin-left: 3.25rem; - margin-right: 3.25rem; -} + .dark\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; -} + .dark\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; -} + .dark\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.my-15 { - margin-top: 3.75rem; - margin-bottom: 3.75rem; -} + .dark\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.mx-15 { - margin-left: 3.75rem; - margin-right: 3.75rem; -} + .dark\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.my-16 { - margin-top: 4rem; - margin-bottom: 4rem; -} + .dark\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; -} + .dark\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; -} + .dark\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; -} + .dark\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.my-24 { - margin-top: 6rem; - margin-bottom: 6rem; -} + .dark\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.mx-24 { - margin-left: 6rem; - margin-right: 6rem; -} + .dark\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.my-28 { - margin-top: 7rem; - margin-bottom: 7rem; -} + .dark\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.mx-28 { - margin-left: 7rem; - margin-right: 7rem; -} + .dark\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; -} + .dark\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.mx-32 { - margin-left: 8rem; - margin-right: 8rem; -} + .dark\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.my-36 { - margin-top: 9rem; - margin-bottom: 9rem; -} + .dark\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.mx-36 { - margin-left: 9rem; - margin-right: 9rem; -} + .dark\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.my-40 { - margin-top: 10rem; - margin-bottom: 10rem; -} + .dark\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } -.mx-40 { - margin-left: 10rem; - margin-right: 10rem; -} + .dark\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } -.my-44 { - margin-top: 11rem; - margin-bottom: 11rem; -} + .dark\:hover\:to-black:hover { + --gradient-to-color: #000000; + } -.mx-44 { - margin-left: 11rem; - margin-right: 11rem; -} + .dark\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } -.my-48 { - margin-top: 12rem; - margin-bottom: 12rem; -} + .dark\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } -.mx-48 { - margin-left: 12rem; - margin-right: 12rem; -} + .dark\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } -.my-52 { - margin-top: 13rem; - margin-bottom: 13rem; -} + .dark\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } -.mx-52 { - margin-left: 13rem; - margin-right: 13rem; -} + .dark\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } -.my-56 { - margin-top: 14rem; - margin-bottom: 14rem; -} + .dark\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } -.mx-56 { - margin-left: 14rem; - margin-right: 14rem; -} + .dark\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } -.my-60 { - margin-top: 15rem; - margin-bottom: 15rem; -} + .dark\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } -.mx-60 { - margin-left: 15rem; - margin-right: 15rem; -} + .dark\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } -.my-64 { - margin-top: 16rem; - margin-bottom: 16rem; -} + .dark\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } -.mx-64 { - margin-left: 16rem; - margin-right: 16rem; -} + .dark\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } -.my-72 { - margin-top: 18rem; - margin-bottom: 18rem; -} + .dark\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } -.mx-72 { - margin-left: 18rem; - margin-right: 18rem; -} + .dark\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } -.my-80 { - margin-top: 20rem; - margin-bottom: 20rem; -} + .dark\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } -.mx-80 { - margin-left: 20rem; - margin-right: 20rem; -} + .dark\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } -.my-96 { - margin-top: 24rem; - margin-bottom: 24rem; -} + .dark\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } -.mx-96 { - margin-left: 24rem; - margin-right: 24rem; -} + .dark\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } -.my-auto { - margin-top: auto; - margin-bottom: auto; -} + .dark\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } -.mx-auto { - margin-left: auto; - margin-right: auto; -} + .dark\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } -.my-px { - margin-top: 1px; - margin-bottom: 1px; -} + .dark\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } -.mx-px { - margin-left: 1px; - margin-right: 1px; -} + .dark\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } -.my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; -} + .dark\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; -} + .dark\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } -.my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} + .dark\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } -.mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; -} + .dark\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } -.my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; -} + .dark\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; -} + .dark\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } -.my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; -} + .dark\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } -.mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; -} + .dark\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } -.my-1\/2 { - margin-top: 50%; - margin-bottom: 50%; -} + .dark\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } -.mx-1\/2 { - margin-left: 50%; - margin-right: 50%; -} + .dark\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } -.my-1\/3 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; -} + .dark\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } -.mx-1\/3 { - margin-left: 33.333333%; - margin-right: 33.333333%; -} + .dark\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } -.my-2\/3 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; -} + .dark\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } -.mx-2\/3 { - margin-left: 66.666667%; - margin-right: 66.666667%; -} + .dark\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } -.my-1\/4 { - margin-top: 25%; - margin-bottom: 25%; -} + .dark\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } -.mx-1\/4 { - margin-left: 25%; - margin-right: 25%; -} + .dark\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } -.my-2\/4 { - margin-top: 50%; - margin-bottom: 50%; -} + .dark\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } -.mx-2\/4 { - margin-left: 50%; - margin-right: 50%; -} + .dark\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } -.my-3\/4 { - margin-top: 75%; - margin-bottom: 75%; -} + .dark\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } -.mx-3\/4 { - margin-left: 75%; - margin-right: 75%; -} + .dark\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } -.my-1\/5 { - margin-top: 20%; - margin-bottom: 20%; -} + .dark\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } -.mx-1\/5 { - margin-left: 20%; - margin-right: 20%; -} + .dark\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } -.my-2\/5 { - margin-top: 40%; - margin-bottom: 40%; -} + .dark\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } -.mx-2\/5 { - margin-left: 40%; - margin-right: 40%; -} + .dark\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } -.my-3\/5 { - margin-top: 60%; - margin-bottom: 60%; -} + .dark\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } -.mx-3\/5 { - margin-left: 60%; - margin-right: 60%; -} + .dark\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } -.my-4\/5 { - margin-top: 80%; - margin-bottom: 80%; -} + .dark\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } -.mx-4\/5 { - margin-left: 80%; - margin-right: 80%; -} + .dark\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } -.my-1\/6 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; -} + .dark\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } -.mx-1\/6 { - margin-left: 16.666667%; - margin-right: 16.666667%; -} + .dark\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } -.my-2\/6 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; -} + .dark\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } -.mx-2\/6 { - margin-left: 33.333333%; - margin-right: 33.333333%; -} + .dark\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } -.my-3\/6 { - margin-top: 50%; - margin-bottom: 50%; -} + .dark\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } -.mx-3\/6 { - margin-left: 50%; - margin-right: 50%; -} + .dark\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } -.my-4\/6 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; -} + .dark\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } -.mx-4\/6 { - margin-left: 66.666667%; - margin-right: 66.666667%; -} + .dark\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } -.my-5\/6 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; -} + .dark\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } -.mx-5\/6 { - margin-left: 83.333333%; - margin-right: 83.333333%; -} + .dark\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } -.my-1\/12 { - margin-top: 8.333333%; - margin-bottom: 8.333333%; -} + .dark\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } -.mx-1\/12 { - margin-left: 8.333333%; - margin-right: 8.333333%; -} + .dark\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } -.my-2\/12 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; -} + .dark\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } -.mx-2\/12 { - margin-left: 16.666667%; - margin-right: 16.666667%; -} + .dark\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } -.my-3\/12 { - margin-top: 25%; - margin-bottom: 25%; -} + .dark\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } -.mx-3\/12 { - margin-left: 25%; - margin-right: 25%; -} + .dark\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } -.my-4\/12 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; -} + .dark\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } -.mx-4\/12 { - margin-left: 33.333333%; - margin-right: 33.333333%; -} + .dark\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } -.my-5\/12 { - margin-top: 41.666667%; - margin-bottom: 41.666667%; -} + .dark\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } -.mx-5\/12 { - margin-left: 41.666667%; - margin-right: 41.666667%; -} + .dark\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } -.my-6\/12 { - margin-top: 50%; - margin-bottom: 50%; -} + .dark\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } -.mx-6\/12 { - margin-left: 50%; - margin-right: 50%; -} + .dark\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } -.my-7\/12 { - margin-top: 58.333333%; - margin-bottom: 58.333333%; -} + .dark\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } -.mx-7\/12 { - margin-left: 58.333333%; - margin-right: 58.333333%; -} + .dark\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } -.my-8\/12 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; -} + .dark\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } -.mx-8\/12 { - margin-left: 66.666667%; - margin-right: 66.666667%; -} + .dark\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } -.my-9\/12 { - margin-top: 75%; - margin-bottom: 75%; -} + .dark\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } -.mx-9\/12 { - margin-left: 75%; - margin-right: 75%; -} + .dark\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } -.my-10\/12 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; -} + .dark\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } -.mx-10\/12 { - margin-left: 83.333333%; - margin-right: 83.333333%; -} + .dark\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } -.my-11\/12 { - margin-top: 91.666667%; - margin-bottom: 91.666667%; -} + .dark\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } -.mx-11\/12 { - margin-left: 91.666667%; - margin-right: 91.666667%; -} + .dark\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } -.my-full { - margin-top: 100%; - margin-bottom: 100%; -} + .dark\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } -.mx-full { - margin-left: 100%; - margin-right: 100%; -} + .dark\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; -} + .dark\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; -} + .dark\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; -} + .dark\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; -} + .dark\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } -.-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; -} + .dark\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } -.-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; -} + .dark\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } -.-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; -} + .dark\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; -} + .dark\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; -} + .dark\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } -.-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; -} + .dark\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } -.-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; -} + .dark\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; -} + .dark\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } -.-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; -} + .dark\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } -.-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; -} + .dark\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } -.-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; -} + .dark\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } -.-mx-8 { - margin-left: -2rem; - margin-right: -2rem; -} + .dark\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } -.-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; -} + .dark\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } -.-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; -} + .dark\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } -.-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; -} + .dark\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; -} + .dark\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; -} + .dark\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; -} + .dark\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; -} + .dark\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.-mx-12 { - margin-left: -3rem; - margin-right: -3rem; -} + .dark\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.-my-13 { - margin-top: -3.25rem; - margin-bottom: -3.25rem; -} + .dark\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.-mx-13 { - margin-left: -3.25rem; - margin-right: -3.25rem; -} + .dark\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; -} + .dark\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; -} + .dark\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.-my-15 { - margin-top: -3.75rem; - margin-bottom: -3.75rem; -} + .dark\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.-mx-15 { - margin-left: -3.75rem; - margin-right: -3.75rem; -} + .dark\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; -} + .dark\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.-mx-16 { - margin-left: -4rem; - margin-right: -4rem; -} + .dark\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; -} + .dark\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.-mx-20 { - margin-left: -5rem; - margin-right: -5rem; -} + .dark\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; -} + .dark\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.-mx-24 { - margin-left: -6rem; - margin-right: -6rem; -} + .dark\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; -} + .dark\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.-mx-28 { - margin-left: -7rem; - margin-right: -7rem; -} + .dark\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; -} + .dark\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.-mx-32 { - margin-left: -8rem; - margin-right: -8rem; -} + .dark\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; -} + .dark\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.-mx-36 { - margin-left: -9rem; - margin-right: -9rem; -} + .dark\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; -} + .dark\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.-mx-40 { - margin-left: -10rem; - margin-right: -10rem; -} + .dark\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; -} + .dark\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.-mx-44 { - margin-left: -11rem; - margin-right: -11rem; -} + .dark\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; -} + .dark\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.-mx-48 { - margin-left: -12rem; - margin-right: -12rem; -} + .dark\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; -} + .dark\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.-mx-52 { - margin-left: -13rem; - margin-right: -13rem; -} + .dark\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; -} + .dark\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.-mx-56 { - margin-left: -14rem; - margin-right: -14rem; -} + .dark\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; -} + .dark\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.-mx-60 { - margin-left: -15rem; - margin-right: -15rem; -} + .dark\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; -} + .dark\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.-mx-64 { - margin-left: -16rem; - margin-right: -16rem; -} + .dark\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; -} + .dark\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.-mx-72 { - margin-left: -18rem; - margin-right: -18rem; -} + .dark\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; -} + .dark\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.-mx-80 { - margin-left: -20rem; - margin-right: -20rem; -} + .dark\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; -} + .dark\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.-mx-96 { - margin-left: -24rem; - margin-right: -24rem; -} + .dark\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.-my-px { - margin-top: -1px; - margin-bottom: -1px; -} + .dark\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.-mx-px { - margin-left: -1px; - margin-right: -1px; -} + .dark\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; -} + .dark\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; -} + .dark\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; -} + .dark\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; -} + .dark\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; -} + .dark\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; -} + .dark\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; -} + .dark\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; -} + .dark\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.-my-1\/2 { - margin-top: -50%; - margin-bottom: -50%; -} + .dark\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.-mx-1\/2 { - margin-left: -50%; - margin-right: -50%; -} + .dark\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.-my-1\/3 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; -} + .dark\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.-mx-1\/3 { - margin-left: -33.33333%; - margin-right: -33.33333%; -} + .dark\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.-my-2\/3 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; -} + .dark\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.-mx-2\/3 { - margin-left: -66.66667%; - margin-right: -66.66667%; -} + .dark\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.-my-1\/4 { - margin-top: -25%; - margin-bottom: -25%; -} + .dark\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.-mx-1\/4 { - margin-left: -25%; - margin-right: -25%; -} + .dark\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.-my-2\/4 { - margin-top: -50%; - margin-bottom: -50%; -} + .dark\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.-mx-2\/4 { - margin-left: -50%; - margin-right: -50%; -} + .dark\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.-my-3\/4 { - margin-top: -75%; - margin-bottom: -75%; -} + .dark\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.-mx-3\/4 { - margin-left: -75%; - margin-right: -75%; -} + .dark\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.-my-1\/5 { - margin-top: -20%; - margin-bottom: -20%; -} + .dark\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.-mx-1\/5 { - margin-left: -20%; - margin-right: -20%; -} + .dark\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.-my-2\/5 { - margin-top: -40%; - margin-bottom: -40%; -} + .dark\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.-mx-2\/5 { - margin-left: -40%; - margin-right: -40%; -} + .dark\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.-my-3\/5 { - margin-top: -60%; - margin-bottom: -60%; -} + .dark\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.-mx-3\/5 { - margin-left: -60%; - margin-right: -60%; -} + .dark\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.-my-4\/5 { - margin-top: -80%; - margin-bottom: -80%; -} + .dark\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.-mx-4\/5 { - margin-left: -80%; - margin-right: -80%; -} + .dark\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.-my-1\/6 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; -} + .dark\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.-mx-1\/6 { - margin-left: -16.66667%; - margin-right: -16.66667%; -} + .dark\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.-my-2\/6 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; -} + .dark\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.-mx-2\/6 { - margin-left: -33.33333%; - margin-right: -33.33333%; -} + .dark\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.-my-3\/6 { - margin-top: -50%; - margin-bottom: -50%; -} + .dark\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.-mx-3\/6 { - margin-left: -50%; - margin-right: -50%; -} + .dark\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.-my-4\/6 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; -} + .dark\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.-mx-4\/6 { - margin-left: -66.66667%; - margin-right: -66.66667%; -} + .dark\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.-my-5\/6 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; -} + .dark\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.-mx-5\/6 { - margin-left: -83.33333%; - margin-right: -83.33333%; -} + .dark\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.-my-1\/12 { - margin-top: -8.33333%; - margin-bottom: -8.33333%; -} + .dark\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.-mx-1\/12 { - margin-left: -8.33333%; - margin-right: -8.33333%; -} + .dark\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.-my-2\/12 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; -} + .dark\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.-mx-2\/12 { - margin-left: -16.66667%; - margin-right: -16.66667%; -} + .dark\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.-my-3\/12 { - margin-top: -25%; - margin-bottom: -25%; -} + .dark\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.-mx-3\/12 { - margin-left: -25%; - margin-right: -25%; -} + .dark\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.-my-4\/12 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; -} + .dark\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.-mx-4\/12 { - margin-left: -33.33333%; - margin-right: -33.33333%; -} + .dark\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.-my-5\/12 { - margin-top: -41.66667%; - margin-bottom: -41.66667%; -} + .dark\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.-mx-5\/12 { - margin-left: -41.66667%; - margin-right: -41.66667%; -} + .dark\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.-my-6\/12 { - margin-top: -50%; - margin-bottom: -50%; -} + .dark\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.-mx-6\/12 { - margin-left: -50%; - margin-right: -50%; -} + .dark\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.-my-7\/12 { - margin-top: -58.33333%; - margin-bottom: -58.33333%; -} + .dark\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.-mx-7\/12 { - margin-left: -58.33333%; - margin-right: -58.33333%; -} + .dark\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.-my-8\/12 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; -} + .dark\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.-mx-8\/12 { - margin-left: -66.66667%; - margin-right: -66.66667%; -} + .dark\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.-my-9\/12 { - margin-top: -75%; - margin-bottom: -75%; -} + .dark\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.-mx-9\/12 { - margin-left: -75%; - margin-right: -75%; -} + .dark\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.-my-10\/12 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; -} + .dark\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.-mx-10\/12 { - margin-left: -83.33333%; - margin-right: -83.33333%; -} + .dark\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.-my-11\/12 { - margin-top: -91.66667%; - margin-bottom: -91.66667%; -} + .dark\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-mx-11\/12 { - margin-left: -91.66667%; - margin-right: -91.66667%; -} + .dark\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.-my-full { - margin-top: -100%; - margin-bottom: -100%; -} + .dark\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } -.-mx-full { - margin-left: -100%; - margin-right: -100%; -} + .dark\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } -.mt-0 { - margin-top: 0; -} + .dark\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } -.mr-0 { - margin-right: 0; -} + .dark\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } -.mb-0 { - margin-bottom: 0; -} + .dark\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } -.ml-0 { - margin-left: 0; -} + .dark\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } -.mt-1 { - margin-top: 0.25rem; -} + .dark\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } -.mr-1 { - margin-right: 0.25rem; -} + .dark\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } -.mb-1 { - margin-bottom: 0.25rem; -} + .dark\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } -.ml-1 { - margin-left: 0.25rem; -} + .dark\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } -.mt-2 { - margin-top: 0.5rem; -} + .dark\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } -.mr-2 { - margin-right: 0.5rem; -} + .dark\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } -.mb-2 { - margin-bottom: 0.5rem; -} + .dark\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } -.ml-2 { - margin-left: 0.5rem; -} + .dark\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } -.mt-3 { - margin-top: 0.75rem; -} + .dark\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } -.mr-3 { - margin-right: 0.75rem; -} + .dark\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } -.mb-3 { - margin-bottom: 0.75rem; -} + .dark\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } -.ml-3 { - margin-left: 0.75rem; -} + .dark\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } -.mt-4 { - margin-top: 1rem; -} + .dark\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } -.mr-4 { - margin-right: 1rem; -} + .dark\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } -.mb-4 { - margin-bottom: 1rem; -} + .dark\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } -.ml-4 { - margin-left: 1rem; -} + .dark\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } -.mt-5 { - margin-top: 1.25rem; -} + .dark\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } -.mr-5 { - margin-right: 1.25rem; -} + .dark\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } -.mb-5 { - margin-bottom: 1.25rem; -} + .dark\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } -.ml-5 { - margin-left: 1.25rem; -} + .dark\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } -.mt-6 { - margin-top: 1.5rem; -} + .dark\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } -.mr-6 { - margin-right: 1.5rem; -} + .dark\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } -.mb-6 { - margin-bottom: 1.5rem; -} + .dark\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } -.ml-6 { - margin-left: 1.5rem; -} + .dark\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } -.mt-7 { - margin-top: 1.75rem; -} + .dark\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } -.mr-7 { - margin-right: 1.75rem; -} + .dark\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } -.mb-7 { - margin-bottom: 1.75rem; -} + .dark\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } -.ml-7 { - margin-left: 1.75rem; -} + .dark\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } -.mt-8 { - margin-top: 2rem; -} + .dark\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } -.mr-8 { - margin-right: 2rem; -} + .dark\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } -.mb-8 { - margin-bottom: 2rem; -} + .dark\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } -.ml-8 { - margin-left: 2rem; -} + .dark\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } -.mt-9 { - margin-top: 2.25rem; -} + .dark\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } -.mr-9 { - margin-right: 2.25rem; -} + .dark\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } -.mb-9 { - margin-bottom: 2.25rem; -} + .dark\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } -.ml-9 { - margin-left: 2.25rem; -} + .dark\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } -.mt-10 { - margin-top: 2.5rem; -} + .dark\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } -.mr-10 { - margin-right: 2.5rem; -} + .dark\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } -.mb-10 { - margin-bottom: 2.5rem; -} + .dark\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } -.ml-10 { - margin-left: 2.5rem; -} + .dark\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } -.mt-11 { - margin-top: 2.75rem; -} + .dark\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } -.mr-11 { - margin-right: 2.75rem; -} + .dark\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } -.mb-11 { - margin-bottom: 2.75rem; -} + .dark\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } -.ml-11 { - margin-left: 2.75rem; -} + .dark\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } -.mt-12 { - margin-top: 3rem; -} + .dark\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } -.mr-12 { - margin-right: 3rem; -} + .dark\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } -.mb-12 { - margin-bottom: 3rem; -} + .dark\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } -.ml-12 { - margin-left: 3rem; -} + .dark\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } -.mt-13 { - margin-top: 3.25rem; -} + .dark\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } -.mr-13 { - margin-right: 3.25rem; -} + .dark\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } -.mb-13 { - margin-bottom: 3.25rem; -} + .dark\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } -.ml-13 { - margin-left: 3.25rem; -} + .dark\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } -.mt-14 { - margin-top: 3.5rem; -} + .dark\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } -.mr-14 { - margin-right: 3.5rem; -} + .dark\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } -.mb-14 { - margin-bottom: 3.5rem; -} + .dark\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } -.ml-14 { - margin-left: 3.5rem; -} + .dark\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } -.mt-15 { - margin-top: 3.75rem; -} + .dark\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } -.mr-15 { - margin-right: 3.75rem; -} + .dark\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } -.mb-15 { - margin-bottom: 3.75rem; -} + .dark\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } -.ml-15 { - margin-left: 3.75rem; -} + .dark\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } -.mt-16 { - margin-top: 4rem; -} + .dark\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } -.mr-16 { - margin-right: 4rem; -} + .dark\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } -.mb-16 { - margin-bottom: 4rem; -} + .dark\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } -.ml-16 { - margin-left: 4rem; -} + .dark\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } -.mt-20 { - margin-top: 5rem; -} + .dark\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } -.mr-20 { - margin-right: 5rem; -} + .dark\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } -.mb-20 { - margin-bottom: 5rem; -} + .dark\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } -.ml-20 { - margin-left: 5rem; -} + .dark\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } -.mt-24 { - margin-top: 6rem; -} + .dark\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } -.mr-24 { - margin-right: 6rem; -} + .dark\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } -.mb-24 { - margin-bottom: 6rem; -} + .dark\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } -.ml-24 { - margin-left: 6rem; -} + .dark\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } -.mt-28 { - margin-top: 7rem; -} + .dark\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } -.mr-28 { - margin-right: 7rem; -} + .dark\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } -.mb-28 { - margin-bottom: 7rem; -} + .dark\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } -.ml-28 { - margin-left: 7rem; -} + .dark\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } -.mt-32 { - margin-top: 8rem; -} + .dark\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } -.mr-32 { - margin-right: 8rem; -} + .dark\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } -.mb-32 { - margin-bottom: 8rem; -} + .dark\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } -.ml-32 { - margin-left: 8rem; -} + .dark\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } -.mt-36 { - margin-top: 9rem; -} + .dark\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } -.mr-36 { - margin-right: 9rem; -} + .dark\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } -.mb-36 { - margin-bottom: 9rem; -} + .dark\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } -.ml-36 { - margin-left: 9rem; -} + .dark\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } -.mt-40 { - margin-top: 10rem; -} + .dark\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } -.mr-40 { - margin-right: 10rem; -} + .dark\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } -.mb-40 { - margin-bottom: 10rem; -} + .dark\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } -.ml-40 { - margin-left: 10rem; -} + .dark\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } -.mt-44 { - margin-top: 11rem; -} + .dark\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } -.mr-44 { - margin-right: 11rem; -} + .dark\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } -.mb-44 { - margin-bottom: 11rem; -} + .dark\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } -.ml-44 { - margin-left: 11rem; -} + .dark\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } -.mt-48 { - margin-top: 12rem; -} + .dark\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } -.mr-48 { - margin-right: 12rem; -} + .dark\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } -.mb-48 { - margin-bottom: 12rem; -} + .dark\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } -.ml-48 { - margin-left: 12rem; -} + .dark\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } -.mt-52 { - margin-top: 13rem; -} + .dark\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } -.mr-52 { - margin-right: 13rem; -} + .dark\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } -.mb-52 { - margin-bottom: 13rem; -} + .dark\:focus\:to-black:focus { + --gradient-to-color: #000000; + } -.ml-52 { - margin-left: 13rem; -} + .dark\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } -.mt-56 { - margin-top: 14rem; -} + .dark\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } -.mr-56 { - margin-right: 14rem; -} + .dark\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } -.mb-56 { - margin-bottom: 14rem; -} + .dark\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } -.ml-56 { - margin-left: 14rem; -} + .dark\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } -.mt-60 { - margin-top: 15rem; -} + .dark\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } -.mr-60 { - margin-right: 15rem; -} + .dark\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } -.mb-60 { - margin-bottom: 15rem; -} + .dark\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } -.ml-60 { - margin-left: 15rem; -} + .dark\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } -.mt-64 { - margin-top: 16rem; -} + .dark\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } -.mr-64 { - margin-right: 16rem; -} + .dark\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } -.mb-64 { - margin-bottom: 16rem; -} + .dark\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } -.ml-64 { - margin-left: 16rem; -} + .dark\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } -.mt-72 { - margin-top: 18rem; -} + .dark\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } -.mr-72 { - margin-right: 18rem; -} + .dark\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } -.mb-72 { - margin-bottom: 18rem; -} + .dark\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } -.ml-72 { - margin-left: 18rem; -} + .dark\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } -.mt-80 { - margin-top: 20rem; -} + .dark\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } -.mr-80 { - margin-right: 20rem; -} + .dark\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } -.mb-80 { - margin-bottom: 20rem; -} + .dark\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } -.ml-80 { - margin-left: 20rem; -} + .dark\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } -.mt-96 { - margin-top: 24rem; -} + .dark\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } -.mr-96 { - margin-right: 24rem; -} + .dark\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } -.mb-96 { - margin-bottom: 24rem; -} + .dark\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } -.ml-96 { - margin-left: 24rem; -} + .dark\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } -.mt-auto { - margin-top: auto; -} + .dark\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } -.mr-auto { - margin-right: auto; -} + .dark\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } -.mb-auto { - margin-bottom: auto; -} + .dark\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } -.ml-auto { - margin-left: auto; -} + .dark\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } -.mt-px { - margin-top: 1px; -} + .dark\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } -.mr-px { - margin-right: 1px; -} + .dark\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } -.mb-px { - margin-bottom: 1px; -} + .dark\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } -.ml-px { - margin-left: 1px; -} + .dark\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } -.mt-0\.5 { - margin-top: 0.125rem; -} + .dark\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } -.mr-0\.5 { - margin-right: 0.125rem; -} + .dark\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } -.mb-0\.5 { - margin-bottom: 0.125rem; -} + .dark\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } -.ml-0\.5 { - margin-left: 0.125rem; -} + .dark\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } -.mt-1\.5 { - margin-top: 0.375rem; -} + .dark\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } -.mr-1\.5 { - margin-right: 0.375rem; -} + .dark\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } -.mb-1\.5 { - margin-bottom: 0.375rem; -} + .dark\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } -.ml-1\.5 { - margin-left: 0.375rem; -} + .dark\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } -.mt-2\.5 { - margin-top: 0.625rem; -} + .dark\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } -.mr-2\.5 { - margin-right: 0.625rem; -} + .dark\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } -.mb-2\.5 { - margin-bottom: 0.625rem; -} + .dark\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } -.ml-2\.5 { - margin-left: 0.625rem; -} + .dark\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } -.mt-3\.5 { - margin-top: 0.875rem; -} + .dark\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } -.mr-3\.5 { - margin-right: 0.875rem; -} + .dark\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } -.mb-3\.5 { - margin-bottom: 0.875rem; -} + .dark\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } -.ml-3\.5 { - margin-left: 0.875rem; -} + .dark\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } -.mt-1\/2 { - margin-top: 50%; -} + .dark\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } -.mr-1\/2 { - margin-right: 50%; -} + .dark\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } -.mb-1\/2 { - margin-bottom: 50%; -} + .dark\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } -.ml-1\/2 { - margin-left: 50%; -} + .dark\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } -.mt-1\/3 { - margin-top: 33.333333%; -} + .dark\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } -.mr-1\/3 { - margin-right: 33.333333%; -} + .dark\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } -.mb-1\/3 { - margin-bottom: 33.333333%; -} + .dark\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } -.ml-1\/3 { - margin-left: 33.333333%; -} + .dark\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } -.mt-2\/3 { - margin-top: 66.666667%; -} + .dark\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } -.mr-2\/3 { - margin-right: 66.666667%; -} + .dark\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } -.mb-2\/3 { - margin-bottom: 66.666667%; -} + .dark\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } -.ml-2\/3 { - margin-left: 66.666667%; -} + .dark\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } -.mt-1\/4 { - margin-top: 25%; -} + .dark\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } -.mr-1\/4 { - margin-right: 25%; -} + .dark\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } -.mb-1\/4 { - margin-bottom: 25%; -} + .dark\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } -.ml-1\/4 { - margin-left: 25%; -} + .dark\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } -.mt-2\/4 { - margin-top: 50%; -} + .dark\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } -.mr-2\/4 { - margin-right: 50%; -} + .dark\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } -.mb-2\/4 { - margin-bottom: 50%; -} + .dark\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } -.ml-2\/4 { - margin-left: 50%; -} + .dark\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } -.mt-3\/4 { - margin-top: 75%; -} + .dark\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } -.mr-3\/4 { - margin-right: 75%; -} + .dark\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } -.mb-3\/4 { - margin-bottom: 75%; -} + .dark\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } -.ml-3\/4 { - margin-left: 75%; -} + .dark\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } -.mt-1\/5 { - margin-top: 20%; -} + .dark\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } -.mr-1\/5 { - margin-right: 20%; -} + .dark\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } -.mb-1\/5 { - margin-bottom: 20%; -} + .dark\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } -.ml-1\/5 { - margin-left: 20%; -} + .dark\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } -.mt-2\/5 { - margin-top: 40%; -} + .dark\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } -.mr-2\/5 { - margin-right: 40%; -} + .dark\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } -.mb-2\/5 { - margin-bottom: 40%; -} + .dark\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } -.ml-2\/5 { - margin-left: 40%; -} + .dark\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } -.mt-3\/5 { - margin-top: 60%; -} + .dark\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } -.mr-3\/5 { - margin-right: 60%; -} + .dark\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } -.mb-3\/5 { - margin-bottom: 60%; -} + .dark\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } -.ml-3\/5 { - margin-left: 60%; -} + .dark\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } -.mt-4\/5 { - margin-top: 80%; -} + .dark\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } -.mr-4\/5 { - margin-right: 80%; -} + .dark\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } -.mb-4\/5 { - margin-bottom: 80%; -} + .dark\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } -.ml-4\/5 { - margin-left: 80%; -} + .dark\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } -.mt-1\/6 { - margin-top: 16.666667%; -} + .dark\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } -.mr-1\/6 { - margin-right: 16.666667%; -} + .dark\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } -.mb-1\/6 { - margin-bottom: 16.666667%; -} + .dark\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } -.ml-1\/6 { - margin-left: 16.666667%; -} + .dark\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } -.mt-2\/6 { - margin-top: 33.333333%; -} + .dark\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } -.mr-2\/6 { - margin-right: 33.333333%; -} + .dark\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } -.mb-2\/6 { - margin-bottom: 33.333333%; -} + .dark\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } -.ml-2\/6 { - margin-left: 33.333333%; -} + .dark\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } -.mt-3\/6 { - margin-top: 50%; -} + .dark\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } -.mr-3\/6 { - margin-right: 50%; -} + .dark\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } -.mb-3\/6 { - margin-bottom: 50%; + .dark\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } + + .dark\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } } -.ml-3\/6 { - margin-left: 50%; +.bg-opacity-0 { + --bg-opacity: 0; } -.mt-4\/6 { - margin-top: 66.666667%; +.bg-opacity-25 { + --bg-opacity: 0.25; } -.mr-4\/6 { - margin-right: 66.666667%; +.bg-opacity-50 { + --bg-opacity: 0.5; } -.mb-4\/6 { - margin-bottom: 66.666667%; +.bg-opacity-75 { + --bg-opacity: 0.75; } -.ml-4\/6 { - margin-left: 66.666667%; +.bg-opacity-100 { + --bg-opacity: 1; } -.mt-5\/6 { - margin-top: 83.333333%; +.hover\:bg-opacity-0:hover { + --bg-opacity: 0; } -.mr-5\/6 { - margin-right: 83.333333%; +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } -.mb-5\/6 { - margin-bottom: 83.333333%; +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } -.ml-5\/6 { - margin-left: 83.333333%; +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } -.mt-1\/12 { - margin-top: 8.333333%; +.hover\:bg-opacity-100:hover { + --bg-opacity: 1; } -.mr-1\/12 { - margin-right: 8.333333%; +.focus\:bg-opacity-0:focus { + --bg-opacity: 0; } -.mb-1\/12 { - margin-bottom: 8.333333%; +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } -.ml-1\/12 { - margin-left: 8.333333%; +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } -.mt-2\/12 { - margin-top: 16.666667%; +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } -.mr-2\/12 { - margin-right: 16.666667%; +.focus\:bg-opacity-100:focus { + --bg-opacity: 1; } -.mb-2\/12 { - margin-bottom: 16.666667%; +.bg-bottom { + background-position: bottom; } -.ml-2\/12 { - margin-left: 16.666667%; +.bg-center { + background-position: center; } -.mt-3\/12 { - margin-top: 25%; +.bg-left { + background-position: left; } -.mr-3\/12 { - margin-right: 25%; +.bg-left-bottom { + background-position: left bottom; } -.mb-3\/12 { - margin-bottom: 25%; +.bg-left-top { + background-position: left top; } -.ml-3\/12 { - margin-left: 25%; +.bg-right { + background-position: right; } -.mt-4\/12 { - margin-top: 33.333333%; +.bg-right-bottom { + background-position: right bottom; } -.mr-4\/12 { - margin-right: 33.333333%; +.bg-right-top { + background-position: right top; } -.mb-4\/12 { - margin-bottom: 33.333333%; +.bg-top { + background-position: top; } -.ml-4\/12 { - margin-left: 33.333333%; +.bg-repeat { + background-repeat: repeat; } -.mt-5\/12 { - margin-top: 41.666667%; +.bg-no-repeat { + background-repeat: no-repeat; } -.mr-5\/12 { - margin-right: 41.666667%; +.bg-repeat-x { + background-repeat: repeat-x; } -.mb-5\/12 { - margin-bottom: 41.666667%; +.bg-repeat-y { + background-repeat: repeat-y; } -.ml-5\/12 { - margin-left: 41.666667%; +.bg-repeat-round { + background-repeat: round; } -.mt-6\/12 { - margin-top: 50%; +.bg-repeat-space { + background-repeat: space; } -.mr-6\/12 { - margin-right: 50%; +.bg-auto { + background-size: auto; } -.mb-6\/12 { - margin-bottom: 50%; +.bg-cover { + background-size: cover; } -.ml-6\/12 { - margin-left: 50%; +.bg-contain { + background-size: contain; } -.mt-7\/12 { - margin-top: 58.333333%; +.border-collapse { + border-collapse: collapse; } -.mr-7\/12 { - margin-right: 58.333333%; +.border-separate { + border-collapse: separate; } -.mb-7\/12 { - margin-bottom: 58.333333%; +.border-transparent { + border-color: transparent; } -.ml-7\/12 { - margin-left: 58.333333%; +.border-current { + border-color: currentColor; } -.mt-8\/12 { - margin-top: 66.666667%; +.border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.mr-8\/12 { - margin-right: 66.666667%; +.border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.mb-8\/12 { - margin-bottom: 66.666667%; +.border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } -.ml-8\/12 { - margin-left: 66.666667%; +.border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } -.mt-9\/12 { - margin-top: 75%; +.border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } -.mr-9\/12 { - margin-right: 75%; +.border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } -.mb-9\/12 { - margin-bottom: 75%; +.border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } -.ml-9\/12 { - margin-left: 75%; +.border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } -.mt-10\/12 { - margin-top: 83.333333%; +.border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } -.mr-10\/12 { - margin-right: 83.333333%; +.border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } -.mb-10\/12 { - margin-bottom: 83.333333%; +.border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } -.ml-10\/12 { - margin-left: 83.333333%; +.border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } -.mt-11\/12 { - margin-top: 91.666667%; +.border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } -.mr-11\/12 { - margin-right: 91.666667%; +.border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } -.mb-11\/12 { - margin-bottom: 91.666667%; +.border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } -.ml-11\/12 { - margin-left: 91.666667%; +.border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } -.mt-full { - margin-top: 100%; +.border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } -.mr-full { - margin-right: 100%; +.border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } -.mb-full { - margin-bottom: 100%; +.border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } -.ml-full { - margin-left: 100%; +.border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } -.-mt-1 { - margin-top: -0.25rem; +.border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } -.-mr-1 { - margin-right: -0.25rem; +.border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } -.-mb-1 { - margin-bottom: -0.25rem; +.border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } -.-ml-1 { - margin-left: -0.25rem; +.border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } -.-mt-2 { - margin-top: -0.5rem; +.border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } -.-mr-2 { - margin-right: -0.5rem; +.border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } -.-mb-2 { - margin-bottom: -0.5rem; +.border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } -.-ml-2 { - margin-left: -0.5rem; +.border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } -.-mt-3 { - margin-top: -0.75rem; +.border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } -.-mr-3 { - margin-right: -0.75rem; +.border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } -.-mb-3 { - margin-bottom: -0.75rem; +.border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } -.-ml-3 { - margin-left: -0.75rem; +.border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } -.-mt-4 { - margin-top: -1rem; +.border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } -.-mr-4 { - margin-right: -1rem; +.border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } -.-mb-4 { - margin-bottom: -1rem; +.border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } -.-ml-4 { - margin-left: -1rem; +.border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } -.-mt-5 { - margin-top: -1.25rem; +.border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } -.-mr-5 { - margin-right: -1.25rem; +.border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } -.-mb-5 { - margin-bottom: -1.25rem; +.border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } -.-ml-5 { - margin-left: -1.25rem; +.border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } -.-mt-6 { - margin-top: -1.5rem; +.border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } -.-mr-6 { - margin-right: -1.5rem; +.border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } -.-mb-6 { - margin-bottom: -1.5rem; +.border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } -.-ml-6 { - margin-left: -1.5rem; +.border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } -.-mt-7 { - margin-top: -1.75rem; +.border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } -.-mr-7 { - margin-right: -1.75rem; +.border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } -.-mb-7 { - margin-bottom: -1.75rem; +.border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } -.-ml-7 { - margin-left: -1.75rem; +.border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } -.-mt-8 { - margin-top: -2rem; +.border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } -.-mr-8 { - margin-right: -2rem; +.border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } -.-mb-8 { - margin-bottom: -2rem; +.border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } -.-ml-8 { - margin-left: -2rem; +.border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } -.-mt-9 { - margin-top: -2.25rem; +.border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } -.-mr-9 { - margin-right: -2.25rem; +.border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } -.-mb-9 { - margin-bottom: -2.25rem; +.border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } -.-ml-9 { - margin-left: -2.25rem; +.border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } -.-mt-10 { - margin-top: -2.5rem; +.border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } -.-mr-10 { - margin-right: -2.5rem; +.border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } -.-mb-10 { - margin-bottom: -2.5rem; +.border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } -.-ml-10 { - margin-left: -2.5rem; +.border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } -.-mt-11 { - margin-top: -2.75rem; +.border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } -.-mr-11 { - margin-right: -2.75rem; +.border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } -.-mb-11 { - margin-bottom: -2.75rem; +.border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } -.-ml-11 { - margin-left: -2.75rem; +.border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } -.-mt-12 { - margin-top: -3rem; +.border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } -.-mr-12 { - margin-right: -3rem; +.border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } -.-mb-12 { - margin-bottom: -3rem; +.border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } -.-ml-12 { - margin-left: -3rem; +.border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } -.-mt-13 { - margin-top: -3.25rem; +.border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } -.-mr-13 { - margin-right: -3.25rem; +.border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } -.-mb-13 { - margin-bottom: -3.25rem; +.border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } -.-ml-13 { - margin-left: -3.25rem; +.border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } -.-mt-14 { - margin-top: -3.5rem; +.border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } -.-mr-14 { - margin-right: -3.5rem; +.border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } -.-mb-14 { - margin-bottom: -3.5rem; +.border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } -.-ml-14 { - margin-left: -3.5rem; +.border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } -.-mt-15 { - margin-top: -3.75rem; +.border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } -.-mr-15 { - margin-right: -3.75rem; +.border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } -.-mb-15 { - margin-bottom: -3.75rem; +.border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } -.-ml-15 { - margin-left: -3.75rem; +.border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } -.-mt-16 { - margin-top: -4rem; +.border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } -.-mr-16 { - margin-right: -4rem; +.border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } -.-mb-16 { - margin-bottom: -4rem; +.border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } -.-ml-16 { - margin-left: -4rem; +.border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } -.-mt-20 { - margin-top: -5rem; +.border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } -.-mr-20 { - margin-right: -5rem; +.border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } -.-mb-20 { - margin-bottom: -5rem; +.border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } -.-ml-20 { - margin-left: -5rem; +.border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } -.-mt-24 { - margin-top: -6rem; +.border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } -.-mr-24 { - margin-right: -6rem; +.border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } -.-mb-24 { - margin-bottom: -6rem; +.border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } -.-ml-24 { - margin-left: -6rem; +.border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } -.-mt-28 { - margin-top: -7rem; +.border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.-mr-28 { - margin-right: -7rem; +.border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } -.-mb-28 { - margin-bottom: -7rem; +.border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } -.-ml-28 { - margin-left: -7rem; +.border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } -.-mt-32 { - margin-top: -8rem; +.border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } -.-mr-32 { - margin-right: -8rem; +.border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } -.-mb-32 { - margin-bottom: -8rem; +.border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } -.-ml-32 { - margin-left: -8rem; +.border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } -.-mt-36 { - margin-top: -9rem; +.border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } -.-mr-36 { - margin-right: -9rem; +.border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } -.-mb-36 { - margin-bottom: -9rem; +.hover\:border-transparent:hover { + border-color: transparent; } -.-ml-36 { - margin-left: -9rem; +.hover\:border-current:hover { + border-color: currentColor; } -.-mt-40 { - margin-top: -10rem; +.hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.-mr-40 { - margin-right: -10rem; +.hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.-mb-40 { - margin-bottom: -10rem; +.hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } -.-ml-40 { - margin-left: -10rem; +.hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } -.-mt-44 { - margin-top: -11rem; +.hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } -.-mr-44 { - margin-right: -11rem; +.hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } -.-mb-44 { - margin-bottom: -11rem; +.hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } -.-ml-44 { - margin-left: -11rem; +.hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } -.-mt-48 { - margin-top: -12rem; +.hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } -.-mr-48 { - margin-right: -12rem; +.hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } -.-mb-48 { - margin-bottom: -12rem; +.hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } -.-ml-48 { - margin-left: -12rem; +.hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } -.-mt-52 { - margin-top: -13rem; +.hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } -.-mr-52 { - margin-right: -13rem; +.hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } -.-mb-52 { - margin-bottom: -13rem; +.hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } -.-ml-52 { - margin-left: -13rem; +.hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } -.-mt-56 { - margin-top: -14rem; +.hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } -.-mr-56 { - margin-right: -14rem; +.hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } -.-mb-56 { - margin-bottom: -14rem; +.hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } -.-ml-56 { - margin-left: -14rem; +.hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } -.-mt-60 { - margin-top: -15rem; +.hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } -.-mr-60 { - margin-right: -15rem; +.hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } -.-mb-60 { - margin-bottom: -15rem; +.hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } -.-ml-60 { - margin-left: -15rem; +.hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } -.-mt-64 { - margin-top: -16rem; +.hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } -.-mr-64 { - margin-right: -16rem; +.hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } -.-mb-64 { - margin-bottom: -16rem; +.hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } -.-ml-64 { - margin-left: -16rem; +.hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } -.-mt-72 { - margin-top: -18rem; +.hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } -.-mr-72 { - margin-right: -18rem; +.hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } -.-mb-72 { - margin-bottom: -18rem; +.hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } -.-ml-72 { - margin-left: -18rem; +.hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } -.-mt-80 { - margin-top: -20rem; +.hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } -.-mr-80 { - margin-right: -20rem; +.hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } -.-mb-80 { - margin-bottom: -20rem; +.hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } -.-ml-80 { - margin-left: -20rem; +.hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } -.-mt-96 { - margin-top: -24rem; +.hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } -.-mr-96 { - margin-right: -24rem; +.hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } -.-mb-96 { - margin-bottom: -24rem; +.hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } -.-ml-96 { - margin-left: -24rem; +.hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } -.-mt-px { - margin-top: -1px; +.hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } -.-mr-px { - margin-right: -1px; +.hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } -.-mb-px { - margin-bottom: -1px; +.hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } -.-ml-px { - margin-left: -1px; +.hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } -.-mt-0\.5 { - margin-top: -0.125rem; +.hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } -.-mr-0\.5 { - margin-right: -0.125rem; +.hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } -.-mb-0\.5 { - margin-bottom: -0.125rem; +.hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } -.-ml-0\.5 { - margin-left: -0.125rem; +.hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } -.-mt-1\.5 { - margin-top: -0.375rem; +.hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } -.-mr-1\.5 { - margin-right: -0.375rem; +.hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } -.-mb-1\.5 { - margin-bottom: -0.375rem; +.hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } -.-ml-1\.5 { - margin-left: -0.375rem; +.hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } -.-mt-2\.5 { - margin-top: -0.625rem; +.hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } -.-mr-2\.5 { - margin-right: -0.625rem; +.hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } -.-mb-2\.5 { - margin-bottom: -0.625rem; +.hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } -.-ml-2\.5 { - margin-left: -0.625rem; +.hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } -.-mt-3\.5 { - margin-top: -0.875rem; +.hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } -.-mr-3\.5 { - margin-right: -0.875rem; +.hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } -.-mb-3\.5 { - margin-bottom: -0.875rem; +.hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } -.-ml-3\.5 { - margin-left: -0.875rem; +.hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } -.-mt-1\/2 { - margin-top: -50%; +.hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } -.-mr-1\/2 { - margin-right: -50%; +.hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } -.-mb-1\/2 { - margin-bottom: -50%; +.hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } -.-ml-1\/2 { - margin-left: -50%; +.hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } -.-mt-1\/3 { - margin-top: -33.33333%; +.hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } -.-mr-1\/3 { - margin-right: -33.33333%; +.hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } -.-mb-1\/3 { - margin-bottom: -33.33333%; +.hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } -.-ml-1\/3 { - margin-left: -33.33333%; +.hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } -.-mt-2\/3 { - margin-top: -66.66667%; +.hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } -.-mr-2\/3 { - margin-right: -66.66667%; +.hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } -.-mb-2\/3 { - margin-bottom: -66.66667%; +.hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } -.-ml-2\/3 { - margin-left: -66.66667%; +.hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } -.-mt-1\/4 { - margin-top: -25%; +.hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } -.-mr-1\/4 { - margin-right: -25%; +.hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } -.-mb-1\/4 { - margin-bottom: -25%; +.hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } -.-ml-1\/4 { - margin-left: -25%; +.hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } -.-mt-2\/4 { - margin-top: -50%; +.hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } -.-mr-2\/4 { - margin-right: -50%; +.hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } -.-mb-2\/4 { - margin-bottom: -50%; +.hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } -.-ml-2\/4 { - margin-left: -50%; +.hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } -.-mt-3\/4 { - margin-top: -75%; +.hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } -.-mr-3\/4 { - margin-right: -75%; +.hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } -.-mb-3\/4 { - margin-bottom: -75%; +.hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } -.-ml-3\/4 { - margin-left: -75%; +.hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } -.-mt-1\/5 { - margin-top: -20%; +.hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } -.-mr-1\/5 { - margin-right: -20%; +.hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } -.-mb-1\/5 { - margin-bottom: -20%; +.hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } -.-ml-1\/5 { - margin-left: -20%; +.hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } -.-mt-2\/5 { - margin-top: -40%; +.hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } -.-mr-2\/5 { - margin-right: -40%; +.hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } -.-mb-2\/5 { - margin-bottom: -40%; +.hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } -.-ml-2\/5 { - margin-left: -40%; +.hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } -.-mt-3\/5 { - margin-top: -60%; +.hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.-mr-3\/5 { - margin-right: -60%; +.hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } -.-mb-3\/5 { - margin-bottom: -60%; +.hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } -.-ml-3\/5 { - margin-left: -60%; +.hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } -.-mt-4\/5 { - margin-top: -80%; +.hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } -.-mr-4\/5 { - margin-right: -80%; +.hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } -.-mb-4\/5 { - margin-bottom: -80%; +.hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } -.-ml-4\/5 { - margin-left: -80%; +.hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } -.-mt-1\/6 { - margin-top: -16.66667%; +.hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } -.-mr-1\/6 { - margin-right: -16.66667%; +.hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } -.-mb-1\/6 { - margin-bottom: -16.66667%; +.focus\:border-transparent:focus { + border-color: transparent; } -.-ml-1\/6 { - margin-left: -16.66667%; +.focus\:border-current:focus { + border-color: currentColor; } -.-mt-2\/6 { - margin-top: -33.33333%; +.focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.-mr-2\/6 { - margin-right: -33.33333%; +.focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.-mb-2\/6 { - margin-bottom: -33.33333%; +.focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } -.-ml-2\/6 { - margin-left: -33.33333%; +.focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } -.-mt-3\/6 { - margin-top: -50%; +.focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } -.-mr-3\/6 { - margin-right: -50%; +.focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } -.-mb-3\/6 { - margin-bottom: -50%; +.focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } -.-ml-3\/6 { - margin-left: -50%; +.focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } -.-mt-4\/6 { - margin-top: -66.66667%; +.focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } -.-mr-4\/6 { - margin-right: -66.66667%; +.focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } -.-mb-4\/6 { - margin-bottom: -66.66667%; +.focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } -.-ml-4\/6 { - margin-left: -66.66667%; +.focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } -.-mt-5\/6 { - margin-top: -83.33333%; +.focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } -.-mr-5\/6 { - margin-right: -83.33333%; +.focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } -.-mb-5\/6 { - margin-bottom: -83.33333%; +.focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } -.-ml-5\/6 { - margin-left: -83.33333%; +.focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } -.-mt-1\/12 { - margin-top: -8.33333%; +.focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } -.-mr-1\/12 { - margin-right: -8.33333%; +.focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } -.-mb-1\/12 { - margin-bottom: -8.33333%; +.focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } -.-ml-1\/12 { - margin-left: -8.33333%; +.focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } -.-mt-2\/12 { - margin-top: -16.66667%; +.focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } -.-mr-2\/12 { - margin-right: -16.66667%; +.focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } -.-mb-2\/12 { - margin-bottom: -16.66667%; +.focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } -.-ml-2\/12 { - margin-left: -16.66667%; +.focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } -.-mt-3\/12 { - margin-top: -25%; +.focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } -.-mr-3\/12 { - margin-right: -25%; +.focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } -.-mb-3\/12 { - margin-bottom: -25%; +.focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } -.-ml-3\/12 { - margin-left: -25%; +.focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } -.-mt-4\/12 { - margin-top: -33.33333%; +.focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } -.-mr-4\/12 { - margin-right: -33.33333%; +.focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } -.-mb-4\/12 { - margin-bottom: -33.33333%; +.focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } -.-ml-4\/12 { - margin-left: -33.33333%; +.focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } -.-mt-5\/12 { - margin-top: -41.66667%; +.focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } -.-mr-5\/12 { - margin-right: -41.66667%; +.focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } -.-mb-5\/12 { - margin-bottom: -41.66667%; +.focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } -.-ml-5\/12 { - margin-left: -41.66667%; +.focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } -.-mt-6\/12 { - margin-top: -50%; +.focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } -.-mr-6\/12 { - margin-right: -50%; +.focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } -.-mb-6\/12 { - margin-bottom: -50%; +.focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } -.-ml-6\/12 { - margin-left: -50%; +.focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } -.-mt-7\/12 { - margin-top: -58.33333%; +.focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } -.-mr-7\/12 { - margin-right: -58.33333%; +.focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } -.-mb-7\/12 { - margin-bottom: -58.33333%; +.focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } -.-ml-7\/12 { - margin-left: -58.33333%; +.focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } -.-mt-8\/12 { - margin-top: -66.66667%; +.focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } -.-mr-8\/12 { - margin-right: -66.66667%; +.focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } -.-mb-8\/12 { - margin-bottom: -66.66667%; +.focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } -.-ml-8\/12 { - margin-left: -66.66667%; +.focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } -.-mt-9\/12 { - margin-top: -75%; +.focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } -.-mr-9\/12 { - margin-right: -75%; +.focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } -.-mb-9\/12 { - margin-bottom: -75%; +.focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } -.-ml-9\/12 { - margin-left: -75%; +.focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } -.-mt-10\/12 { - margin-top: -83.33333%; +.focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } -.-mr-10\/12 { - margin-right: -83.33333%; +.focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } -.-mb-10\/12 { - margin-bottom: -83.33333%; +.focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } -.-ml-10\/12 { - margin-left: -83.33333%; +.focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } -.-mt-11\/12 { - margin-top: -91.66667%; +.focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } -.-mr-11\/12 { - margin-right: -91.66667%; +.focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } -.-mb-11\/12 { - margin-bottom: -91.66667%; +.focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } -.-ml-11\/12 { - margin-left: -91.66667%; +.focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } -.-mt-full { - margin-top: -100%; +.focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } -.-mr-full { - margin-right: -100%; +.focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } -.-mb-full { - margin-bottom: -100%; +.focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } -.-ml-full { - margin-left: -100%; +.focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } -.max-h-0 { - max-height: 0; +.focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } -.max-h-1 { - max-height: 0.25rem; +.focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } -.max-h-2 { - max-height: 0.5rem; +.focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } -.max-h-3 { - max-height: 0.75rem; +.focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } -.max-h-4 { - max-height: 1rem; +.focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } -.max-h-5 { - max-height: 1.25rem; +.focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } -.max-h-6 { - max-height: 1.5rem; +.focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } -.max-h-7 { - max-height: 1.75rem; +.focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } -.max-h-8 { - max-height: 2rem; +.focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } -.max-h-9 { - max-height: 2.25rem; +.focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } -.max-h-10 { - max-height: 2.5rem; +.focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } -.max-h-11 { - max-height: 2.75rem; +.focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } -.max-h-12 { - max-height: 3rem; +.focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } -.max-h-13 { - max-height: 3.25rem; +.focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } -.max-h-14 { - max-height: 3.5rem; +.focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } -.max-h-15 { - max-height: 3.75rem; +.focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } -.max-h-16 { - max-height: 4rem; +.focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } -.max-h-20 { - max-height: 5rem; +.focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } -.max-h-24 { - max-height: 6rem; +.focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } -.max-h-28 { - max-height: 7rem; +.focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } -.max-h-32 { - max-height: 8rem; +.focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } -.max-h-36 { - max-height: 9rem; +.focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } -.max-h-40 { - max-height: 10rem; +.focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } -.max-h-44 { - max-height: 11rem; +.focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } -.max-h-48 { - max-height: 12rem; +.focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } -.max-h-52 { - max-height: 13rem; +.focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } -.max-h-56 { - max-height: 14rem; +.focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } -.max-h-60 { - max-height: 15rem; +.focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } -.max-h-64 { - max-height: 16rem; +.focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.max-h-72 { - max-height: 18rem; +.focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } -.max-h-80 { - max-height: 20rem; +.focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } -.max-h-96 { - max-height: 24rem; +.focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } -.max-h-screen { - max-height: 100vh; +.focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } -.max-h-px { - max-height: 1px; +.focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } -.max-h-0\.5 { - max-height: 0.125rem; -} - -.max-h-1\.5 { - max-height: 0.375rem; -} - -.max-h-2\.5 { - max-height: 0.625rem; +.focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } -.max-h-3\.5 { - max-height: 0.875rem; +.focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } -.max-h-1\/2 { - max-height: 50%; +.focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } -.max-h-1\/3 { - max-height: 33.333333%; +.focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } -.max-h-2\/3 { - max-height: 66.666667%; -} +@media (prefers-color-scheme: dark) { + .dark\:border-transparent { + border-color: transparent; + } -.max-h-1\/4 { - max-height: 25%; -} + .dark\:border-current { + border-color: currentColor; + } -.max-h-2\/4 { - max-height: 50%; -} + .dark\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } -.max-h-3\/4 { - max-height: 75%; -} + .dark\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } -.max-h-1\/5 { - max-height: 20%; -} + .dark\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } -.max-h-2\/5 { - max-height: 40%; -} + .dark\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } -.max-h-3\/5 { - max-height: 60%; -} + .dark\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } -.max-h-4\/5 { - max-height: 80%; -} + .dark\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } -.max-h-1\/6 { - max-height: 16.666667%; -} + .dark\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } -.max-h-2\/6 { - max-height: 33.333333%; -} + .dark\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } -.max-h-3\/6 { - max-height: 50%; -} + .dark\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } -.max-h-4\/6 { - max-height: 66.666667%; -} + .dark\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } -.max-h-5\/6 { - max-height: 83.333333%; -} + .dark\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } -.max-h-1\/12 { - max-height: 8.333333%; -} + .dark\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } -.max-h-2\/12 { - max-height: 16.666667%; -} + .dark\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } -.max-h-3\/12 { - max-height: 25%; -} + .dark\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } -.max-h-4\/12 { - max-height: 33.333333%; -} + .dark\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } -.max-h-5\/12 { - max-height: 41.666667%; -} + .dark\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } -.max-h-6\/12 { - max-height: 50%; -} + .dark\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } -.max-h-7\/12 { - max-height: 58.333333%; -} + .dark\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } -.max-h-8\/12 { - max-height: 66.666667%; -} + .dark\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } -.max-h-9\/12 { - max-height: 75%; -} + .dark\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } -.max-h-10\/12 { - max-height: 83.333333%; -} + .dark\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } -.max-h-11\/12 { - max-height: 91.666667%; -} + .dark\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } -.max-h-full { - max-height: 100%; -} + .dark\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } -.max-w-0 { - max-width: 0rem; -} + .dark\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } -.max-w-none { - max-width: none; -} + .dark\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } -.max-w-xs { - max-width: 20rem; -} + .dark\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } -.max-w-sm { - max-width: 24rem; -} + .dark\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } -.max-w-md { - max-width: 28rem; -} + .dark\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } -.max-w-lg { - max-width: 32rem; -} + .dark\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } -.max-w-xl { - max-width: 36rem; -} + .dark\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } -.max-w-2xl { - max-width: 42rem; -} + .dark\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } -.max-w-3xl { - max-width: 48rem; -} + .dark\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } -.max-w-4xl { - max-width: 56rem; -} + .dark\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } -.max-w-5xl { - max-width: 64rem; -} + .dark\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } -.max-w-6xl { - max-width: 72rem; -} + .dark\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } -.max-w-7xl { - max-width: 80rem; -} + .dark\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } -.max-w-full { - max-width: 100%; -} + .dark\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } -.max-w-min-content { - max-width: min-content; -} + .dark\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } -.max-w-max-content { - max-width: max-content; -} + .dark\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } -.max-w-screen-sm { - max-width: 640px; -} + .dark\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } -.max-w-screen-md { - max-width: 768px; -} + .dark\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } -.max-w-screen-lg { - max-width: 1024px; -} + .dark\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } -.max-w-screen-xl { - max-width: 1280px; -} + .dark\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } -.min-h-0 { - min-height: 0; -} + .dark\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } -.min-h-full { - min-height: 100%; -} + .dark\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } -.min-h-screen { - min-height: 100vh; -} + .dark\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } -.min-w-0 { - min-width: 0; -} + .dark\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } -.min-w-full { - min-width: 100%; -} + .dark\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } -.min-w-min-content { - min-width: min-content; -} + .dark\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } -.min-w-max-content { - min-width: max-content; -} + .dark\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } -.object-contain { - object-fit: contain; -} + .dark\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } -.object-cover { - object-fit: cover; -} + .dark\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } -.object-fill { - object-fit: fill; -} + .dark\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } -.object-none { - object-fit: none; -} + .dark\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } -.object-scale-down { - object-fit: scale-down; -} + .dark\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } -.object-bottom { - object-position: bottom; -} + .dark\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } -.object-center { - object-position: center; -} + .dark\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } -.object-left { - object-position: left; -} + .dark\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } -.object-left-bottom { - object-position: left bottom; -} + .dark\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } -.object-left-top { - object-position: left top; -} + .dark\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } -.object-right { - object-position: right; -} + .dark\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } -.object-right-bottom { - object-position: right bottom; -} + .dark\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } -.object-right-top { - object-position: right top; -} + .dark\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } -.object-top { - object-position: top; -} + .dark\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } -.opacity-0 { - opacity: 0; -} + .dark\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } -.opacity-25 { - opacity: 0.25; -} + .dark\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } -.opacity-50 { - opacity: 0.5; -} + .dark\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } -.opacity-75 { - opacity: 0.75; -} + .dark\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } -.opacity-100 { - opacity: 1; -} + .dark\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } -.hover\:opacity-0:hover { - opacity: 0; -} + .dark\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } -.hover\:opacity-25:hover { - opacity: 0.25; -} + .dark\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } -.hover\:opacity-50:hover { - opacity: 0.5; -} + .dark\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } -.hover\:opacity-75:hover { - opacity: 0.75; -} + .dark\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } -.hover\:opacity-100:hover { - opacity: 1; -} + .dark\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } -.focus\:opacity-0:focus { - opacity: 0; -} + .dark\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } -.focus\:opacity-25:focus { - opacity: 0.25; -} + .dark\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } -.focus\:opacity-50:focus { - opacity: 0.5; -} + .dark\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } -.focus\:opacity-75:focus { - opacity: 0.75; -} + .dark\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } -.focus\:opacity-100:focus { - opacity: 1; -} + .dark\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } -.outline-none { - outline: 0; -} + .dark\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } -.focus\:outline-none:focus { - outline: 0; -} + .dark\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } -.overflow-auto { - overflow: auto; -} + .dark\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } -.overflow-hidden { - overflow: hidden; -} + .dark\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } -.overflow-visible { - overflow: visible; -} + .dark\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } -.overflow-scroll { - overflow: scroll; -} + .dark\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } -.overflow-x-auto { - overflow-x: auto; -} + .dark\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } -.overflow-y-auto { - overflow-y: auto; -} + .dark\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } -.overflow-x-hidden { - overflow-x: hidden; -} + .dark\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } -.overflow-y-hidden { - overflow-y: hidden; -} + .dark\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } -.overflow-x-visible { - overflow-x: visible; -} + .dark\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } -.overflow-y-visible { - overflow-y: visible; -} + .dark\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } -.overflow-x-scroll { - overflow-x: scroll; -} + .dark\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } -.overflow-y-scroll { - overflow-y: scroll; -} + .dark\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } -.scrolling-touch { - -webkit-overflow-scrolling: touch; -} + .dark\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } -.scrolling-auto { - -webkit-overflow-scrolling: auto; -} + .dark\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } -.overscroll-auto { - overscroll-behavior: auto; -} + .dark\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } -.overscroll-contain { - overscroll-behavior: contain; -} + .dark\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } -.overscroll-none { - overscroll-behavior: none; -} + .dark\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } -.overscroll-y-auto { - overscroll-behavior-y: auto; -} + .dark\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } -.overscroll-y-contain { - overscroll-behavior-y: contain; -} + .dark\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } -.overscroll-y-none { - overscroll-behavior-y: none; -} + .dark\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } -.overscroll-x-auto { - overscroll-behavior-x: auto; -} + .dark\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } -.overscroll-x-contain { - overscroll-behavior-x: contain; -} + .dark\:hover\:border-transparent:hover { + border-color: transparent; + } -.overscroll-x-none { - overscroll-behavior-x: none; -} + .dark\:hover\:border-current:hover { + border-color: currentColor; + } -.p-0 { - padding: 0; -} + .dark\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } -.p-1 { - padding: 0.25rem; -} + .dark\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } -.p-2 { - padding: 0.5rem; -} + .dark\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } -.p-3 { - padding: 0.75rem; -} + .dark\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } -.p-4 { - padding: 1rem; -} + .dark\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } -.p-5 { - padding: 1.25rem; -} + .dark\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } -.p-6 { - padding: 1.5rem; -} + .dark\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } -.p-7 { - padding: 1.75rem; -} + .dark\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } -.p-8 { - padding: 2rem; -} + .dark\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } -.p-9 { - padding: 2.25rem; -} + .dark\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } -.p-10 { - padding: 2.5rem; -} + .dark\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } -.p-11 { - padding: 2.75rem; -} + .dark\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } -.p-12 { - padding: 3rem; -} + .dark\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } -.p-13 { - padding: 3.25rem; -} + .dark\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } -.p-14 { - padding: 3.5rem; -} + .dark\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } -.p-15 { - padding: 3.75rem; -} + .dark\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } -.p-16 { - padding: 4rem; -} + .dark\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } -.p-20 { - padding: 5rem; -} + .dark\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } -.p-24 { - padding: 6rem; -} + .dark\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } -.p-28 { - padding: 7rem; -} + .dark\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } -.p-32 { - padding: 8rem; -} + .dark\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } -.p-36 { - padding: 9rem; -} + .dark\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } -.p-40 { - padding: 10rem; -} + .dark\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } -.p-44 { - padding: 11rem; -} + .dark\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } -.p-48 { - padding: 12rem; -} + .dark\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } -.p-52 { - padding: 13rem; -} + .dark\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } -.p-56 { - padding: 14rem; -} + .dark\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } -.p-60 { - padding: 15rem; -} + .dark\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } -.p-64 { - padding: 16rem; -} + .dark\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } -.p-72 { - padding: 18rem; -} + .dark\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } -.p-80 { - padding: 20rem; -} + .dark\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } -.p-96 { - padding: 24rem; -} + .dark\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } -.p-px { - padding: 1px; -} + .dark\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } -.p-0\.5 { - padding: 0.125rem; -} + .dark\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } -.p-1\.5 { - padding: 0.375rem; -} + .dark\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } -.p-2\.5 { - padding: 0.625rem; -} + .dark\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } -.p-3\.5 { - padding: 0.875rem; -} + .dark\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } -.p-1\/2 { - padding: 50%; -} + .dark\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } -.p-1\/3 { - padding: 33.333333%; -} + .dark\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } -.p-2\/3 { - padding: 66.666667%; -} + .dark\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } -.p-1\/4 { - padding: 25%; -} + .dark\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } -.p-2\/4 { - padding: 50%; -} + .dark\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } -.p-3\/4 { - padding: 75%; -} + .dark\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } -.p-1\/5 { - padding: 20%; -} + .dark\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } -.p-2\/5 { - padding: 40%; -} + .dark\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } -.p-3\/5 { - padding: 60%; -} + .dark\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } -.p-4\/5 { - padding: 80%; -} + .dark\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } -.p-1\/6 { - padding: 16.666667%; -} + .dark\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } -.p-2\/6 { - padding: 33.333333%; -} + .dark\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } -.p-3\/6 { - padding: 50%; -} + .dark\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } -.p-4\/6 { - padding: 66.666667%; -} + .dark\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } -.p-5\/6 { - padding: 83.333333%; -} + .dark\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } -.p-1\/12 { - padding: 8.333333%; -} + .dark\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } -.p-2\/12 { - padding: 16.666667%; -} + .dark\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } -.p-3\/12 { - padding: 25%; -} + .dark\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } -.p-4\/12 { - padding: 33.333333%; -} + .dark\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } -.p-5\/12 { - padding: 41.666667%; -} + .dark\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } -.p-6\/12 { - padding: 50%; -} + .dark\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } -.p-7\/12 { - padding: 58.333333%; -} + .dark\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } -.p-8\/12 { - padding: 66.666667%; -} + .dark\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } -.p-9\/12 { - padding: 75%; -} + .dark\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } -.p-10\/12 { - padding: 83.333333%; -} + .dark\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } -.p-11\/12 { - padding: 91.666667%; -} + .dark\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } -.p-full { - padding: 100%; -} + .dark\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } -.py-0 { - padding-top: 0; - padding-bottom: 0; -} + .dark\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } -.px-0 { - padding-left: 0; - padding-right: 0; -} + .dark\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} + .dark\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} + .dark\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} + .dark\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} + .dark\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} + .dark\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} + .dark\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} + .dark\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} + .dark\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; -} + .dark\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} + .dark\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} + .dark\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} + .dark\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } -.py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; -} + .dark\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; -} + .dark\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} + .dark\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} + .dark\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; -} + .dark\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } -.px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; -} + .dark\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} + .dark\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} + .dark\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } -.py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; -} + .dark\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } -.px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; -} + .dark\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; -} + .dark\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} + .dark\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } -.py-13 { - padding-top: 3.25rem; - padding-bottom: 3.25rem; -} + .dark\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } -.px-13 { - padding-left: 3.25rem; - padding-right: 3.25rem; -} + .dark\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } -.py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; -} + .dark\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; -} + .dark\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } -.py-15 { - padding-top: 3.75rem; - padding-bottom: 3.75rem; -} + .dark\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } -.px-15 { - padding-left: 3.75rem; - padding-right: 3.75rem; -} + .dark\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; -} + .dark\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } -.px-16 { - padding-left: 4rem; - padding-right: 4rem; -} + .dark\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; -} + .dark\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } -.px-20 { - padding-left: 5rem; - padding-right: 5rem; -} + .dark\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; -} + .dark\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } -.px-24 { - padding-left: 6rem; - padding-right: 6rem; -} + .dark\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } -.py-28 { - padding-top: 7rem; - padding-bottom: 7rem; -} + .dark\:focus\:border-transparent:focus { + border-color: transparent; + } -.px-28 { - padding-left: 7rem; - padding-right: 7rem; -} + .dark\:focus\:border-current:focus { + border-color: currentColor; + } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; -} + .dark\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } -.px-32 { - padding-left: 8rem; - padding-right: 8rem; -} + .dark\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } -.py-36 { - padding-top: 9rem; - padding-bottom: 9rem; -} + .dark\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } -.px-36 { - padding-left: 9rem; - padding-right: 9rem; -} + .dark\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; -} + .dark\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; -} + .dark\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } -.py-44 { - padding-top: 11rem; - padding-bottom: 11rem; -} + .dark\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } -.px-44 { - padding-left: 11rem; - padding-right: 11rem; -} + .dark\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } -.py-48 { - padding-top: 12rem; - padding-bottom: 12rem; -} + .dark\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; -} + .dark\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } -.py-52 { - padding-top: 13rem; - padding-bottom: 13rem; -} + .dark\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } -.px-52 { - padding-left: 13rem; - padding-right: 13rem; -} + .dark\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } -.py-56 { - padding-top: 14rem; - padding-bottom: 14rem; -} + .dark\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } -.px-56 { - padding-left: 14rem; - padding-right: 14rem; -} + .dark\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } -.py-60 { - padding-top: 15rem; - padding-bottom: 15rem; -} + .dark\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } -.px-60 { - padding-left: 15rem; - padding-right: 15rem; -} + .dark\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } -.py-64 { - padding-top: 16rem; - padding-bottom: 16rem; -} + .dark\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } -.px-64 { - padding-left: 16rem; - padding-right: 16rem; -} + .dark\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } -.py-72 { - padding-top: 18rem; - padding-bottom: 18rem; -} + .dark\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } -.px-72 { - padding-left: 18rem; - padding-right: 18rem; -} + .dark\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } -.py-80 { - padding-top: 20rem; - padding-bottom: 20rem; -} + .dark\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; -} + .dark\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } -.py-96 { - padding-top: 24rem; - padding-bottom: 24rem; -} + .dark\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } -.px-96 { - padding-left: 24rem; - padding-right: 24rem; -} + .dark\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } -.py-px { - padding-top: 1px; - padding-bottom: 1px; -} + .dark\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } -.px-px { - padding-left: 1px; - padding-right: 1px; -} + .dark\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; -} + .dark\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; -} + .dark\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} + .dark\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; -} + .dark\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} + .dark\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; -} + .dark\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } -.py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; -} + .dark\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } -.px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; -} + .dark\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } -.py-1\/2 { - padding-top: 50%; - padding-bottom: 50%; -} + .dark\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } -.px-1\/2 { - padding-left: 50%; - padding-right: 50%; -} + .dark\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } -.py-1\/3 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; -} + .dark\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } -.px-1\/3 { - padding-left: 33.333333%; - padding-right: 33.333333%; -} + .dark\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } -.py-2\/3 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; -} + .dark\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } -.px-2\/3 { - padding-left: 66.666667%; - padding-right: 66.666667%; -} + .dark\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } -.py-1\/4 { - padding-top: 25%; - padding-bottom: 25%; -} + .dark\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } -.px-1\/4 { - padding-left: 25%; - padding-right: 25%; -} + .dark\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } -.py-2\/4 { - padding-top: 50%; - padding-bottom: 50%; -} + .dark\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } -.px-2\/4 { - padding-left: 50%; - padding-right: 50%; -} + .dark\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } -.py-3\/4 { - padding-top: 75%; - padding-bottom: 75%; -} + .dark\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } -.px-3\/4 { - padding-left: 75%; - padding-right: 75%; -} + .dark\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } -.py-1\/5 { - padding-top: 20%; - padding-bottom: 20%; -} + .dark\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } -.px-1\/5 { - padding-left: 20%; - padding-right: 20%; -} + .dark\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } -.py-2\/5 { - padding-top: 40%; - padding-bottom: 40%; -} + .dark\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } -.px-2\/5 { - padding-left: 40%; - padding-right: 40%; -} + .dark\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } -.py-3\/5 { - padding-top: 60%; - padding-bottom: 60%; -} + .dark\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } -.px-3\/5 { - padding-left: 60%; - padding-right: 60%; -} + .dark\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } -.py-4\/5 { - padding-top: 80%; - padding-bottom: 80%; -} + .dark\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } -.px-4\/5 { - padding-left: 80%; - padding-right: 80%; -} + .dark\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } -.py-1\/6 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; -} + .dark\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } -.px-1\/6 { - padding-left: 16.666667%; - padding-right: 16.666667%; -} + .dark\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } -.py-2\/6 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; -} + .dark\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } -.px-2\/6 { - padding-left: 33.333333%; - padding-right: 33.333333%; -} + .dark\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } -.py-3\/6 { - padding-top: 50%; - padding-bottom: 50%; -} + .dark\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } -.px-3\/6 { - padding-left: 50%; - padding-right: 50%; -} + .dark\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } -.py-4\/6 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; -} + .dark\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } -.px-4\/6 { - padding-left: 66.666667%; - padding-right: 66.666667%; -} + .dark\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } -.py-5\/6 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; -} + .dark\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } -.px-5\/6 { - padding-left: 83.333333%; - padding-right: 83.333333%; -} + .dark\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } -.py-1\/12 { - padding-top: 8.333333%; - padding-bottom: 8.333333%; -} + .dark\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } -.px-1\/12 { - padding-left: 8.333333%; - padding-right: 8.333333%; -} + .dark\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } -.py-2\/12 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; -} + .dark\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } -.px-2\/12 { - padding-left: 16.666667%; - padding-right: 16.666667%; -} + .dark\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } -.py-3\/12 { - padding-top: 25%; - padding-bottom: 25%; -} + .dark\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } -.px-3\/12 { - padding-left: 25%; - padding-right: 25%; -} + .dark\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } -.py-4\/12 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; -} + .dark\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } -.px-4\/12 { - padding-left: 33.333333%; - padding-right: 33.333333%; -} + .dark\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } -.py-5\/12 { - padding-top: 41.666667%; - padding-bottom: 41.666667%; -} + .dark\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } -.px-5\/12 { - padding-left: 41.666667%; - padding-right: 41.666667%; -} + .dark\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } -.py-6\/12 { - padding-top: 50%; - padding-bottom: 50%; -} + .dark\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } -.px-6\/12 { - padding-left: 50%; - padding-right: 50%; -} + .dark\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } -.py-7\/12 { - padding-top: 58.333333%; - padding-bottom: 58.333333%; -} + .dark\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } -.px-7\/12 { - padding-left: 58.333333%; - padding-right: 58.333333%; -} + .dark\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } -.py-8\/12 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; -} + .dark\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } -.px-8\/12 { - padding-left: 66.666667%; - padding-right: 66.666667%; -} + .dark\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } -.py-9\/12 { - padding-top: 75%; - padding-bottom: 75%; -} + .dark\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } -.px-9\/12 { - padding-left: 75%; - padding-right: 75%; -} + .dark\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } -.py-10\/12 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; -} + .dark\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } -.px-10\/12 { - padding-left: 83.333333%; - padding-right: 83.333333%; -} + .dark\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } -.py-11\/12 { - padding-top: 91.666667%; - padding-bottom: 91.666667%; -} + .dark\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } -.px-11\/12 { - padding-left: 91.666667%; - padding-right: 91.666667%; -} + .dark\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } -.py-full { - padding-top: 100%; - padding-bottom: 100%; -} + .dark\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } -.px-full { - padding-left: 100%; - padding-right: 100%; -} + .dark\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } -.pt-0 { - padding-top: 0; -} + .dark\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } -.pr-0 { - padding-right: 0; -} + .dark\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } -.pb-0 { - padding-bottom: 0; -} + .dark\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } -.pl-0 { - padding-left: 0; -} + .dark\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } -.pt-1 { - padding-top: 0.25rem; -} + .dark\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } -.pr-1 { - padding-right: 0.25rem; -} + .dark\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } -.pb-1 { - padding-bottom: 0.25rem; -} + .dark\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } -.pl-1 { - padding-left: 0.25rem; -} + .dark\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } -.pt-2 { - padding-top: 0.5rem; -} + .dark\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } -.pr-2 { - padding-right: 0.5rem; -} + .dark\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } -.pb-2 { - padding-bottom: 0.5rem; -} + .dark\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } -.pl-2 { - padding-left: 0.5rem; -} + .dark\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } -.pt-3 { - padding-top: 0.75rem; -} + .dark\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } -.pr-3 { - padding-right: 0.75rem; + .dark\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } } -.pb-3 { - padding-bottom: 0.75rem; +.border-opacity-0 { + --border-opacity: 0; } -.pl-3 { - padding-left: 0.75rem; +.border-opacity-25 { + --border-opacity: 0.25; } -.pt-4 { - padding-top: 1rem; +.border-opacity-50 { + --border-opacity: 0.5; } -.pr-4 { - padding-right: 1rem; +.border-opacity-75 { + --border-opacity: 0.75; } -.pb-4 { - padding-bottom: 1rem; +.border-opacity-100 { + --border-opacity: 1; } -.pl-4 { - padding-left: 1rem; +.hover\:border-opacity-0:hover { + --border-opacity: 0; } -.pt-5 { - padding-top: 1.25rem; +.hover\:border-opacity-25:hover { + --border-opacity: 0.25; } -.pr-5 { - padding-right: 1.25rem; +.hover\:border-opacity-50:hover { + --border-opacity: 0.5; } -.pb-5 { - padding-bottom: 1.25rem; +.hover\:border-opacity-75:hover { + --border-opacity: 0.75; } -.pl-5 { - padding-left: 1.25rem; +.hover\:border-opacity-100:hover { + --border-opacity: 1; } -.pt-6 { - padding-top: 1.5rem; +.focus\:border-opacity-0:focus { + --border-opacity: 0; } -.pr-6 { - padding-right: 1.5rem; +.focus\:border-opacity-25:focus { + --border-opacity: 0.25; } -.pb-6 { - padding-bottom: 1.5rem; +.focus\:border-opacity-50:focus { + --border-opacity: 0.5; } -.pl-6 { - padding-left: 1.5rem; +.focus\:border-opacity-75:focus { + --border-opacity: 0.75; } -.pt-7 { - padding-top: 1.75rem; +.focus\:border-opacity-100:focus { + --border-opacity: 1; } -.pr-7 { - padding-right: 1.75rem; +.rounded-none { + border-radius: 0; } -.pb-7 { - padding-bottom: 1.75rem; +.rounded-sm { + border-radius: 0.125rem; } -.pl-7 { - padding-left: 1.75rem; +.rounded { + border-radius: 0.25rem; } -.pt-8 { - padding-top: 2rem; +.rounded-md { + border-radius: 0.375rem; } -.pr-8 { - padding-right: 2rem; +.rounded-lg { + border-radius: 0.5rem; } -.pb-8 { - padding-bottom: 2rem; +.rounded-full { + border-radius: 9999px; } -.pl-8 { - padding-left: 2rem; +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.pt-9 { - padding-top: 2.25rem; +.rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.pr-9 { - padding-right: 2.25rem; +.rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.pb-9 { - padding-bottom: 2.25rem; +.rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.pl-9 { - padding-left: 2.25rem; +.rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } -.pt-10 { - padding-top: 2.5rem; +.rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } -.pr-10 { - padding-right: 2.5rem; +.rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } -.pb-10 { - padding-bottom: 2.5rem; +.rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } -.pl-10 { - padding-left: 2.5rem; +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } -.pt-11 { - padding-top: 2.75rem; +.rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } -.pr-11 { - padding-right: 2.75rem; +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.pb-11 { - padding-bottom: 2.75rem; +.rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.pl-11 { - padding-left: 2.75rem; +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } -.pt-12 { - padding-top: 3rem; +.rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } -.pr-12 { - padding-right: 3rem; +.rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } -.pb-12 { - padding-bottom: 3rem; +.rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } -.pl-12 { - padding-left: 3rem; +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } -.pt-13 { - padding-top: 3.25rem; +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } -.pr-13 { - padding-right: 3.25rem; +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } -.pb-13 { - padding-bottom: 3.25rem; +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } -.pl-13 { - padding-left: 3.25rem; +.rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } -.pt-14 { - padding-top: 3.5rem; +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } -.pr-14 { - padding-right: 3.5rem; +.rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } -.pb-14 { - padding-bottom: 3.5rem; +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } -.pl-14 { - padding-left: 3.5rem; +.rounded-tl-none { + border-top-left-radius: 0; } -.pt-15 { - padding-top: 3.75rem; +.rounded-tr-none { + border-top-right-radius: 0; } -.pr-15 { - padding-right: 3.75rem; +.rounded-br-none { + border-bottom-right-radius: 0; } -.pb-15 { - padding-bottom: 3.75rem; +.rounded-bl-none { + border-bottom-left-radius: 0; } -.pl-15 { - padding-left: 3.75rem; +.rounded-tl-sm { + border-top-left-radius: 0.125rem; } -.pt-16 { - padding-top: 4rem; +.rounded-tr-sm { + border-top-right-radius: 0.125rem; } -.pr-16 { - padding-right: 4rem; +.rounded-br-sm { + border-bottom-right-radius: 0.125rem; } -.pb-16 { - padding-bottom: 4rem; +.rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } -.pl-16 { - padding-left: 4rem; +.rounded-tl { + border-top-left-radius: 0.25rem; } -.pt-20 { - padding-top: 5rem; +.rounded-tr { + border-top-right-radius: 0.25rem; } -.pr-20 { - padding-right: 5rem; +.rounded-br { + border-bottom-right-radius: 0.25rem; } -.pb-20 { - padding-bottom: 5rem; +.rounded-bl { + border-bottom-left-radius: 0.25rem; } -.pl-20 { - padding-left: 5rem; +.rounded-tl-md { + border-top-left-radius: 0.375rem; } -.pt-24 { - padding-top: 6rem; +.rounded-tr-md { + border-top-right-radius: 0.375rem; } -.pr-24 { - padding-right: 6rem; +.rounded-br-md { + border-bottom-right-radius: 0.375rem; } -.pb-24 { - padding-bottom: 6rem; +.rounded-bl-md { + border-bottom-left-radius: 0.375rem; } -.pl-24 { - padding-left: 6rem; +.rounded-tl-lg { + border-top-left-radius: 0.5rem; } -.pt-28 { - padding-top: 7rem; +.rounded-tr-lg { + border-top-right-radius: 0.5rem; } -.pr-28 { - padding-right: 7rem; +.rounded-br-lg { + border-bottom-right-radius: 0.5rem; } -.pb-28 { - padding-bottom: 7rem; +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } -.pl-28 { - padding-left: 7rem; +.rounded-tl-full { + border-top-left-radius: 9999px; } -.pt-32 { - padding-top: 8rem; +.rounded-tr-full { + border-top-right-radius: 9999px; } -.pr-32 { - padding-right: 8rem; +.rounded-br-full { + border-bottom-right-radius: 9999px; } -.pb-32 { - padding-bottom: 8rem; +.rounded-bl-full { + border-bottom-left-radius: 9999px; } -.pl-32 { - padding-left: 8rem; +.border-solid { + border-style: solid; } -.pt-36 { - padding-top: 9rem; +.border-dashed { + border-style: dashed; } -.pr-36 { - padding-right: 9rem; +.border-dotted { + border-style: dotted; } -.pb-36 { - padding-bottom: 9rem; +.border-double { + border-style: double; } -.pl-36 { - padding-left: 9rem; +.border-none { + border-style: none; } -.pt-40 { - padding-top: 10rem; +.border-0 { + border-width: 0; } -.pr-40 { - padding-right: 10rem; +.border-2 { + border-width: 2px; } -.pb-40 { - padding-bottom: 10rem; +.border-4 { + border-width: 4px; } -.pl-40 { - padding-left: 10rem; +.border-8 { + border-width: 8px; } -.pt-44 { - padding-top: 11rem; +.border { + border-width: 1px; } -.pr-44 { - padding-right: 11rem; +.border-t-0 { + border-top-width: 0; } -.pb-44 { - padding-bottom: 11rem; +.border-r-0 { + border-right-width: 0; } -.pl-44 { - padding-left: 11rem; +.border-b-0 { + border-bottom-width: 0; } -.pt-48 { - padding-top: 12rem; +.border-l-0 { + border-left-width: 0; } -.pr-48 { - padding-right: 12rem; +.border-t-2 { + border-top-width: 2px; } -.pb-48 { - padding-bottom: 12rem; +.border-r-2 { + border-right-width: 2px; } -.pl-48 { - padding-left: 12rem; +.border-b-2 { + border-bottom-width: 2px; } -.pt-52 { - padding-top: 13rem; +.border-l-2 { + border-left-width: 2px; } -.pr-52 { - padding-right: 13rem; +.border-t-4 { + border-top-width: 4px; } -.pb-52 { - padding-bottom: 13rem; +.border-r-4 { + border-right-width: 4px; } -.pl-52 { - padding-left: 13rem; +.border-b-4 { + border-bottom-width: 4px; } -.pt-56 { - padding-top: 14rem; +.border-l-4 { + border-left-width: 4px; } -.pr-56 { - padding-right: 14rem; +.border-t-8 { + border-top-width: 8px; } -.pb-56 { - padding-bottom: 14rem; +.border-r-8 { + border-right-width: 8px; } -.pl-56 { - padding-left: 14rem; +.border-b-8 { + border-bottom-width: 8px; } -.pt-60 { - padding-top: 15rem; +.border-l-8 { + border-left-width: 8px; } -.pr-60 { - padding-right: 15rem; +.border-t { + border-top-width: 1px; } -.pb-60 { - padding-bottom: 15rem; +.border-r { + border-right-width: 1px; } -.pl-60 { - padding-left: 15rem; +.border-b { + border-bottom-width: 1px; } -.pt-64 { - padding-top: 16rem; +.border-l { + border-left-width: 1px; } -.pr-64 { - padding-right: 16rem; +.box-border { + box-sizing: border-box; } -.pb-64 { - padding-bottom: 16rem; +.box-content { + box-sizing: content-box; } -.pl-64 { - padding-left: 16rem; +.cursor-auto { + cursor: auto; } -.pt-72 { - padding-top: 18rem; +.cursor-default { + cursor: default; } -.pr-72 { - padding-right: 18rem; +.cursor-pointer { + cursor: pointer; } -.pb-72 { - padding-bottom: 18rem; +.cursor-wait { + cursor: wait; } -.pl-72 { - padding-left: 18rem; +.cursor-text { + cursor: text; } -.pt-80 { - padding-top: 20rem; +.cursor-move { + cursor: move; } -.pr-80 { - padding-right: 20rem; +.cursor-not-allowed { + cursor: not-allowed; } -.pb-80 { - padding-bottom: 20rem; +.block { + display: block; } -.pl-80 { - padding-left: 20rem; +.inline-block { + display: inline-block; } -.pt-96 { - padding-top: 24rem; +.inline { + display: inline; } -.pr-96 { - padding-right: 24rem; +.flex { + display: flex; } -.pb-96 { - padding-bottom: 24rem; +.inline-flex { + display: inline-flex; } -.pl-96 { - padding-left: 24rem; +.table { + display: table; } -.pt-px { - padding-top: 1px; +.table-caption { + display: table-caption; } -.pr-px { - padding-right: 1px; +.table-cell { + display: table-cell; } -.pb-px { - padding-bottom: 1px; +.table-column { + display: table-column; } -.pl-px { - padding-left: 1px; +.table-column-group { + display: table-column-group; } -.pt-0\.5 { - padding-top: 0.125rem; +.table-footer-group { + display: table-footer-group; } -.pr-0\.5 { - padding-right: 0.125rem; +.table-header-group { + display: table-header-group; } -.pb-0\.5 { - padding-bottom: 0.125rem; +.table-row-group { + display: table-row-group; } -.pl-0\.5 { - padding-left: 0.125rem; +.table-row { + display: table-row; } -.pt-1\.5 { - padding-top: 0.375rem; +.flow-root { + display: flow-root; } -.pr-1\.5 { - padding-right: 0.375rem; +.grid { + display: grid; } -.pb-1\.5 { - padding-bottom: 0.375rem; +.inline-grid { + display: inline-grid; } -.pl-1\.5 { - padding-left: 0.375rem; +.contents { + display: contents; } -.pt-2\.5 { - padding-top: 0.625rem; +.hidden { + display: none; } -.pr-2\.5 { - padding-right: 0.625rem; +.flex-row { + flex-direction: row; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.flex-row-reverse { + flex-direction: row-reverse; } -.pl-2\.5 { - padding-left: 0.625rem; +.flex-col { + flex-direction: column; } -.pt-3\.5 { - padding-top: 0.875rem; +.flex-col-reverse { + flex-direction: column-reverse; } -.pr-3\.5 { - padding-right: 0.875rem; +.flex-wrap { + flex-wrap: wrap; } -.pb-3\.5 { - padding-bottom: 0.875rem; +.flex-wrap-reverse { + flex-wrap: wrap-reverse; } -.pl-3\.5 { - padding-left: 0.875rem; +.flex-no-wrap { + flex-wrap: nowrap; } -.pt-1\/2 { - padding-top: 50%; +.items-start { + align-items: flex-start; } -.pr-1\/2 { - padding-right: 50%; +.items-end { + align-items: flex-end; } -.pb-1\/2 { - padding-bottom: 50%; +.items-center { + align-items: center; } -.pl-1\/2 { - padding-left: 50%; +.items-baseline { + align-items: baseline; } -.pt-1\/3 { - padding-top: 33.333333%; +.items-stretch { + align-items: stretch; } -.pr-1\/3 { - padding-right: 33.333333%; +.self-auto { + align-self: auto; } -.pb-1\/3 { - padding-bottom: 33.333333%; +.self-start { + align-self: flex-start; } -.pl-1\/3 { - padding-left: 33.333333%; +.self-end { + align-self: flex-end; } -.pt-2\/3 { - padding-top: 66.666667%; +.self-center { + align-self: center; } -.pr-2\/3 { - padding-right: 66.666667%; +.self-stretch { + align-self: stretch; } -.pb-2\/3 { - padding-bottom: 66.666667%; +.justify-start { + justify-content: flex-start; } -.pl-2\/3 { - padding-left: 66.666667%; +.justify-end { + justify-content: flex-end; } -.pt-1\/4 { - padding-top: 25%; +.justify-center { + justify-content: center; } -.pr-1\/4 { - padding-right: 25%; +.justify-between { + justify-content: space-between; } -.pb-1\/4 { - padding-bottom: 25%; +.justify-around { + justify-content: space-around; } -.pl-1\/4 { - padding-left: 25%; +.justify-evenly { + justify-content: space-evenly; } -.pt-2\/4 { - padding-top: 50%; +.content-center { + align-content: center; } -.pr-2\/4 { - padding-right: 50%; +.content-start { + align-content: flex-start; } -.pb-2\/4 { - padding-bottom: 50%; +.content-end { + align-content: flex-end; } -.pl-2\/4 { - padding-left: 50%; +.content-between { + align-content: space-between; } -.pt-3\/4 { - padding-top: 75%; +.content-around { + align-content: space-around; } -.pr-3\/4 { - padding-right: 75%; +.flex-1 { + flex: 1 1 0%; } -.pb-3\/4 { - padding-bottom: 75%; +.flex-auto { + flex: 1 1 auto; } -.pl-3\/4 { - padding-left: 75%; +.flex-initial { + flex: 0 1 auto; } -.pt-1\/5 { - padding-top: 20%; +.flex-none { + flex: none; } -.pr-1\/5 { - padding-right: 20%; +.flex-grow-0 { + flex-grow: 0; } -.pb-1\/5 { - padding-bottom: 20%; +.flex-grow { + flex-grow: 1; } -.pl-1\/5 { - padding-left: 20%; +.flex-shrink-0 { + flex-shrink: 0; } -.pt-2\/5 { - padding-top: 40%; +.flex-shrink { + flex-shrink: 1; } -.pr-2\/5 { - padding-right: 40%; +.order-1 { + order: 1; } -.pb-2\/5 { - padding-bottom: 40%; +.order-2 { + order: 2; } -.pl-2\/5 { - padding-left: 40%; +.order-3 { + order: 3; } -.pt-3\/5 { - padding-top: 60%; +.order-4 { + order: 4; } -.pr-3\/5 { - padding-right: 60%; +.order-5 { + order: 5; } -.pb-3\/5 { - padding-bottom: 60%; +.order-6 { + order: 6; } -.pl-3\/5 { - padding-left: 60%; +.order-7 { + order: 7; } -.pt-4\/5 { - padding-top: 80%; +.order-8 { + order: 8; } -.pr-4\/5 { - padding-right: 80%; +.order-9 { + order: 9; } -.pb-4\/5 { - padding-bottom: 80%; +.order-10 { + order: 10; } -.pl-4\/5 { - padding-left: 80%; +.order-11 { + order: 11; } -.pt-1\/6 { - padding-top: 16.666667%; +.order-12 { + order: 12; } -.pr-1\/6 { - padding-right: 16.666667%; +.order-first { + order: -9999; } -.pb-1\/6 { - padding-bottom: 16.666667%; +.order-last { + order: 9999; } -.pl-1\/6 { - padding-left: 16.666667%; +.order-none { + order: 0; } -.pt-2\/6 { - padding-top: 33.333333%; +.float-right { + float: right; } -.pr-2\/6 { - padding-right: 33.333333%; +.float-left { + float: left; } -.pb-2\/6 { - padding-bottom: 33.333333%; +.float-none { + float: none; } -.pl-2\/6 { - padding-left: 33.333333%; +.clearfix:after { + content: ""; + display: table; + clear: both; } -.pt-3\/6 { - padding-top: 50%; +.clear-left { + clear: left; } -.pr-3\/6 { - padding-right: 50%; +.clear-right { + clear: right; } -.pb-3\/6 { - padding-bottom: 50%; +.clear-both { + clear: both; } -.pl-3\/6 { - padding-left: 50%; +.clear-none { + clear: none; } -.pt-4\/6 { - padding-top: 66.666667%; +.font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -.pr-4\/6 { - padding-right: 66.666667%; +.font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } -.pb-4\/6 { - padding-bottom: 66.666667%; +.font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.pl-4\/6 { - padding-left: 66.666667%; +.font-hairline { + font-weight: 100; } -.pt-5\/6 { - padding-top: 83.333333%; +.font-thin { + font-weight: 200; } -.pr-5\/6 { - padding-right: 83.333333%; +.font-light { + font-weight: 300; } -.pb-5\/6 { - padding-bottom: 83.333333%; +.font-normal { + font-weight: 400; } -.pl-5\/6 { - padding-left: 83.333333%; +.font-medium { + font-weight: 500; } -.pt-1\/12 { - padding-top: 8.333333%; +.font-semibold { + font-weight: 600; } -.pr-1\/12 { - padding-right: 8.333333%; +.font-bold { + font-weight: 700; } -.pb-1\/12 { - padding-bottom: 8.333333%; +.font-extrabold { + font-weight: 800; } -.pl-1\/12 { - padding-left: 8.333333%; +.font-black { + font-weight: 900; } -.pt-2\/12 { - padding-top: 16.666667%; +.hover\:font-hairline:hover { + font-weight: 100; } -.pr-2\/12 { - padding-right: 16.666667%; +.hover\:font-thin:hover { + font-weight: 200; } -.pb-2\/12 { - padding-bottom: 16.666667%; +.hover\:font-light:hover { + font-weight: 300; } -.pl-2\/12 { - padding-left: 16.666667%; +.hover\:font-normal:hover { + font-weight: 400; } -.pt-3\/12 { - padding-top: 25%; +.hover\:font-medium:hover { + font-weight: 500; } -.pr-3\/12 { - padding-right: 25%; +.hover\:font-semibold:hover { + font-weight: 600; } -.pb-3\/12 { - padding-bottom: 25%; +.hover\:font-bold:hover { + font-weight: 700; } -.pl-3\/12 { - padding-left: 25%; +.hover\:font-extrabold:hover { + font-weight: 800; } -.pt-4\/12 { - padding-top: 33.333333%; +.hover\:font-black:hover { + font-weight: 900; } -.pr-4\/12 { - padding-right: 33.333333%; +.focus\:font-hairline:focus { + font-weight: 100; } -.pb-4\/12 { - padding-bottom: 33.333333%; +.focus\:font-thin:focus { + font-weight: 200; } -.pl-4\/12 { - padding-left: 33.333333%; +.focus\:font-light:focus { + font-weight: 300; } -.pt-5\/12 { - padding-top: 41.666667%; +.focus\:font-normal:focus { + font-weight: 400; } -.pr-5\/12 { - padding-right: 41.666667%; +.focus\:font-medium:focus { + font-weight: 500; } -.pb-5\/12 { - padding-bottom: 41.666667%; +.focus\:font-semibold:focus { + font-weight: 600; } -.pl-5\/12 { - padding-left: 41.666667%; +.focus\:font-bold:focus { + font-weight: 700; } -.pt-6\/12 { - padding-top: 50%; +.focus\:font-extrabold:focus { + font-weight: 800; } -.pr-6\/12 { - padding-right: 50%; +.focus\:font-black:focus { + font-weight: 900; } -.pb-6\/12 { - padding-bottom: 50%; +.h-0 { + height: 0; } -.pl-6\/12 { - padding-left: 50%; +.h-1 { + height: 0.25rem; } -.pt-7\/12 { - padding-top: 58.333333%; +.h-2 { + height: 0.5rem; } -.pr-7\/12 { - padding-right: 58.333333%; +.h-3 { + height: 0.75rem; } -.pb-7\/12 { - padding-bottom: 58.333333%; +.h-4 { + height: 1rem; } -.pl-7\/12 { - padding-left: 58.333333%; +.h-5 { + height: 1.25rem; } -.pt-8\/12 { - padding-top: 66.666667%; +.h-6 { + height: 1.5rem; } -.pr-8\/12 { - padding-right: 66.666667%; +.h-7 { + height: 1.75rem; } -.pb-8\/12 { - padding-bottom: 66.666667%; +.h-8 { + height: 2rem; } -.pl-8\/12 { - padding-left: 66.666667%; +.h-9 { + height: 2.25rem; } -.pt-9\/12 { - padding-top: 75%; +.h-10 { + height: 2.5rem; } -.pr-9\/12 { - padding-right: 75%; +.h-11 { + height: 2.75rem; } -.pb-9\/12 { - padding-bottom: 75%; +.h-12 { + height: 3rem; } -.pl-9\/12 { - padding-left: 75%; +.h-13 { + height: 3.25rem; } -.pt-10\/12 { - padding-top: 83.333333%; +.h-14 { + height: 3.5rem; } -.pr-10\/12 { - padding-right: 83.333333%; +.h-15 { + height: 3.75rem; } -.pb-10\/12 { - padding-bottom: 83.333333%; +.h-16 { + height: 4rem; } -.pl-10\/12 { - padding-left: 83.333333%; +.h-20 { + height: 5rem; } -.pt-11\/12 { - padding-top: 91.666667%; +.h-24 { + height: 6rem; } -.pr-11\/12 { - padding-right: 91.666667%; +.h-28 { + height: 7rem; } -.pb-11\/12 { - padding-bottom: 91.666667%; +.h-32 { + height: 8rem; } -.pl-11\/12 { - padding-left: 91.666667%; +.h-36 { + height: 9rem; } -.pt-full { - padding-top: 100%; +.h-40 { + height: 10rem; } -.pr-full { - padding-right: 100%; +.h-44 { + height: 11rem; } -.pb-full { - padding-bottom: 100%; +.h-48 { + height: 12rem; } -.pl-full { - padding-left: 100%; +.h-52 { + height: 13rem; } -.placeholder-transparent::placeholder { - color: transparent; +.h-56 { + height: 14rem; } -.placeholder-current::placeholder { - color: currentColor; +.h-60 { + height: 15rem; } -.placeholder-black::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.h-64 { + height: 16rem; } -.placeholder-white::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.h-72 { + height: 18rem; } -.placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); +.h-80 { + height: 20rem; } -.placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); +.h-96 { + height: 24rem; } -.placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); +.h-auto { + height: auto; } -.placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); +.h-px { + height: 1px; } -.placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); +.h-0\.5 { + height: 0.125rem; } -.placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); +.h-1\.5 { + height: 0.375rem; } -.placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); +.h-2\.5 { + height: 0.625rem; } -.placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); +.h-3\.5 { + height: 0.875rem; } -.placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); +.h-1\/2 { + height: 50%; } -.placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); +.h-1\/3 { + height: 33.333333%; } -.placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); +.h-2\/3 { + height: 66.666667%; } -.placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); +.h-1\/4 { + height: 25%; } -.placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); +.h-2\/4 { + height: 50%; } -.placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); +.h-3\/4 { + height: 75%; } -.placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); +.h-1\/5 { + height: 20%; } -.placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); +.h-2\/5 { + height: 40%; } -.placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); +.h-3\/5 { + height: 60%; } -.placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); +.h-4\/5 { + height: 80%; } -.placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); +.h-1\/6 { + height: 16.666667%; } -.placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); +.h-2\/6 { + height: 33.333333%; } -.placeholder-orange-50::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); +.h-3\/6 { + height: 50%; } -.placeholder-orange-100::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); +.h-4\/6 { + height: 66.666667%; } -.placeholder-orange-200::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); +.h-5\/6 { + height: 83.333333%; } -.placeholder-orange-300::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); +.h-1\/12 { + height: 8.333333%; } -.placeholder-orange-400::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); +.h-2\/12 { + height: 16.666667%; } -.placeholder-orange-500::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); +.h-3\/12 { + height: 25%; } -.placeholder-orange-600::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); +.h-4\/12 { + height: 33.333333%; } -.placeholder-orange-700::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); +.h-5\/12 { + height: 41.666667%; } -.placeholder-orange-800::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); +.h-6\/12 { + height: 50%; } -.placeholder-orange-900::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); +.h-7\/12 { + height: 58.333333%; } -.placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); +.h-8\/12 { + height: 66.666667%; } -.placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); +.h-9\/12 { + height: 75%; } -.placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); +.h-10\/12 { + height: 83.333333%; } -.placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); +.h-11\/12 { + height: 91.666667%; } -.placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); +.h-full { + height: 100%; } -.placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); +.h-screen { + height: 100vh; } -.placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); +.text-xs { + font-size: 0.75rem; + line-height: 1rem; } -.placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } -.placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); +.text-base { + font-size: 1rem; + line-height: 1.5rem; } -.placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } -.placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } -.placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; } -.placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } -.placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } -.placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); +.text-5xl { + font-size: 3rem; + line-height: 1; } -.placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); +.text-6xl { + font-size: 4rem; + line-height: 1; } -.placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); +.text-7xl { + font-size: 5rem; + line-height: 1; } -.placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); +.text-8xl { + font-size: 6rem; + line-height: 1; } -.placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); +.text-9xl { + font-size: 8rem; + line-height: 1; } -.placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); +.leading-3 { + line-height: .75rem; } -.placeholder-teal-50::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); +.leading-4 { + line-height: 1rem; } -.placeholder-teal-100::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); +.leading-5 { + line-height: 1.25rem; } -.placeholder-teal-200::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); +.leading-6 { + line-height: 1.5rem; } -.placeholder-teal-300::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); +.leading-7 { + line-height: 1.75rem; } -.placeholder-teal-400::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); +.leading-8 { + line-height: 2rem; } -.placeholder-teal-500::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); +.leading-9 { + line-height: 2.25rem; } -.placeholder-teal-600::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); +.leading-10 { + line-height: 2.5rem; } -.placeholder-teal-700::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); +.leading-none { + line-height: 1; } -.placeholder-teal-800::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); +.leading-tight { + line-height: 1.25; } -.placeholder-teal-900::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); +.leading-snug { + line-height: 1.375; } -.placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); +.leading-normal { + line-height: 1.5; } -.placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); +.leading-relaxed { + line-height: 1.625; } -.placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); +.leading-loose { + line-height: 2; } -.placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); +.list-inside { + list-style-position: inside; } -.placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); +.list-outside { + list-style-position: outside; } -.placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); +.list-none { + list-style-type: none; } -.placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); +.list-disc { + list-style-type: disc; } -.placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); +.list-decimal { + list-style-type: decimal; } -.placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); +.m-0 { + margin: 0; } -.placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); +.m-1 { + margin: 0.25rem; } -.placeholder-indigo-50::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); +.m-2 { + margin: 0.5rem; } -.placeholder-indigo-100::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); +.m-3 { + margin: 0.75rem; } -.placeholder-indigo-200::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); +.m-4 { + margin: 1rem; } -.placeholder-indigo-300::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); +.m-5 { + margin: 1.25rem; } -.placeholder-indigo-400::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); +.m-6 { + margin: 1.5rem; } -.placeholder-indigo-500::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); +.m-7 { + margin: 1.75rem; } -.placeholder-indigo-600::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); +.m-8 { + margin: 2rem; } -.placeholder-indigo-700::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); +.m-9 { + margin: 2.25rem; } -.placeholder-indigo-800::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); +.m-10 { + margin: 2.5rem; } -.placeholder-indigo-900::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); +.m-11 { + margin: 2.75rem; } -.placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); +.m-12 { + margin: 3rem; } -.placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); +.m-13 { + margin: 3.25rem; } -.placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); +.m-14 { + margin: 3.5rem; } -.placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); +.m-15 { + margin: 3.75rem; } -.placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); +.m-16 { + margin: 4rem; } -.placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); +.m-20 { + margin: 5rem; } -.placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); +.m-24 { + margin: 6rem; } -.placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); +.m-28 { + margin: 7rem; } -.placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); +.m-32 { + margin: 8rem; } -.placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); +.m-36 { + margin: 9rem; } -.placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.m-40 { + margin: 10rem; } -.placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); +.m-44 { + margin: 11rem; } -.placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); +.m-48 { + margin: 12rem; } -.placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); +.m-52 { + margin: 13rem; } -.placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); +.m-56 { + margin: 14rem; } -.placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); +.m-60 { + margin: 15rem; } -.placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); +.m-64 { + margin: 16rem; } -.placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); +.m-72 { + margin: 18rem; } -.placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); +.m-80 { + margin: 20rem; } -.placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); +.m-96 { + margin: 24rem; } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent; +.m-auto { + margin: auto; } -.focus\:placeholder-current:focus::placeholder { - color: currentColor; +.m-px { + margin: 1px; } -.focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.m-0\.5 { + margin: 0.125rem; } -.focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.m-1\.5 { + margin: 0.375rem; } -.focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); +.m-2\.5 { + margin: 0.625rem; } -.focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); +.m-3\.5 { + margin: 0.875rem; } -.focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); +.m-1\/2 { + margin: 50%; } -.focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); +.m-1\/3 { + margin: 33.333333%; } -.focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); +.m-2\/3 { + margin: 66.666667%; } -.focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); +.m-1\/4 { + margin: 25%; } -.focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); +.m-2\/4 { + margin: 50%; } -.focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); +.m-3\/4 { + margin: 75%; } -.focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); +.m-1\/5 { + margin: 20%; } -.focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); +.m-2\/5 { + margin: 40%; } -.focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); +.m-3\/5 { + margin: 60%; } -.focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); +.m-4\/5 { + margin: 80%; } -.focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); +.m-1\/6 { + margin: 16.666667%; } -.focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); +.m-2\/6 { + margin: 33.333333%; } -.focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); +.m-3\/6 { + margin: 50%; } -.focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); +.m-4\/6 { + margin: 66.666667%; } -.focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); +.m-5\/6 { + margin: 83.333333%; } -.focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); +.m-1\/12 { + margin: 8.333333%; } -.focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); +.m-2\/12 { + margin: 16.666667%; } -.focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); +.m-3\/12 { + margin: 25%; } -.focus\:placeholder-orange-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); +.m-4\/12 { + margin: 33.333333%; } -.focus\:placeholder-orange-100:focus::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); +.m-5\/12 { + margin: 41.666667%; } -.focus\:placeholder-orange-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); +.m-6\/12 { + margin: 50%; } -.focus\:placeholder-orange-300:focus::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); +.m-7\/12 { + margin: 58.333333%; } -.focus\:placeholder-orange-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); +.m-8\/12 { + margin: 66.666667%; } -.focus\:placeholder-orange-500:focus::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); +.m-9\/12 { + margin: 75%; } -.focus\:placeholder-orange-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); +.m-10\/12 { + margin: 83.333333%; } -.focus\:placeholder-orange-700:focus::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); +.m-11\/12 { + margin: 91.666667%; } -.focus\:placeholder-orange-800:focus::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); +.m-full { + margin: 100%; } -.focus\:placeholder-orange-900:focus::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); +.-m-1 { + margin: -0.25rem; } -.focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); +.-m-2 { + margin: -0.5rem; } -.focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); +.-m-3 { + margin: -0.75rem; } -.focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); +.-m-4 { + margin: -1rem; } -.focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); +.-m-5 { + margin: -1.25rem; } -.focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); +.-m-6 { + margin: -1.5rem; } -.focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); +.-m-7 { + margin: -1.75rem; } -.focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); +.-m-8 { + margin: -2rem; } -.focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); +.-m-9 { + margin: -2.25rem; } -.focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); +.-m-10 { + margin: -2.5rem; } -.focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); +.-m-11 { + margin: -2.75rem; } -.focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); +.-m-12 { + margin: -3rem; } -.focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); +.-m-13 { + margin: -3.25rem; } -.focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); +.-m-14 { + margin: -3.5rem; } -.focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); +.-m-15 { + margin: -3.75rem; } -.focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); +.-m-16 { + margin: -4rem; } -.focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); +.-m-20 { + margin: -5rem; } -.focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); +.-m-24 { + margin: -6rem; } -.focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); +.-m-28 { + margin: -7rem; } -.focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); +.-m-32 { + margin: -8rem; } -.focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); +.-m-36 { + margin: -9rem; } -.focus\:placeholder-teal-50:focus::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); +.-m-40 { + margin: -10rem; } -.focus\:placeholder-teal-100:focus::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); +.-m-44 { + margin: -11rem; } -.focus\:placeholder-teal-200:focus::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); +.-m-48 { + margin: -12rem; } -.focus\:placeholder-teal-300:focus::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); +.-m-52 { + margin: -13rem; } -.focus\:placeholder-teal-400:focus::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); +.-m-56 { + margin: -14rem; } -.focus\:placeholder-teal-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); +.-m-60 { + margin: -15rem; } -.focus\:placeholder-teal-600:focus::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); +.-m-64 { + margin: -16rem; } -.focus\:placeholder-teal-700:focus::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); +.-m-72 { + margin: -18rem; } -.focus\:placeholder-teal-800:focus::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); +.-m-80 { + margin: -20rem; } -.focus\:placeholder-teal-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); +.-m-96 { + margin: -24rem; } -.focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); +.-m-px { + margin: -1px; } -.focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); +.-m-0\.5 { + margin: -0.125rem; } -.focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); +.-m-1\.5 { + margin: -0.375rem; } -.focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); +.-m-2\.5 { + margin: -0.625rem; } -.focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); +.-m-3\.5 { + margin: -0.875rem; } -.focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); +.-m-1\/2 { + margin: -50%; } -.focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); +.-m-1\/3 { + margin: -33.33333%; } -.focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); +.-m-2\/3 { + margin: -66.66667%; } -.focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); +.-m-1\/4 { + margin: -25%; } -.focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); +.-m-2\/4 { + margin: -50%; } -.focus\:placeholder-indigo-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); +.-m-3\/4 { + margin: -75%; } -.focus\:placeholder-indigo-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); +.-m-1\/5 { + margin: -20%; } -.focus\:placeholder-indigo-200:focus::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); +.-m-2\/5 { + margin: -40%; } -.focus\:placeholder-indigo-300:focus::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); +.-m-3\/5 { + margin: -60%; } -.focus\:placeholder-indigo-400:focus::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); +.-m-4\/5 { + margin: -80%; } -.focus\:placeholder-indigo-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); +.-m-1\/6 { + margin: -16.66667%; } -.focus\:placeholder-indigo-600:focus::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); +.-m-2\/6 { + margin: -33.33333%; } -.focus\:placeholder-indigo-700:focus::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); +.-m-3\/6 { + margin: -50%; } -.focus\:placeholder-indigo-800:focus::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); +.-m-4\/6 { + margin: -66.66667%; } -.focus\:placeholder-indigo-900:focus::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); +.-m-5\/6 { + margin: -83.33333%; } -.focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); +.-m-1\/12 { + margin: -8.33333%; } -.focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); +.-m-2\/12 { + margin: -16.66667%; } -.focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); +.-m-3\/12 { + margin: -25%; } -.focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); +.-m-4\/12 { + margin: -33.33333%; } -.focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); +.-m-5\/12 { + margin: -41.66667%; } -.focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); +.-m-6\/12 { + margin: -50%; } -.focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); +.-m-7\/12 { + margin: -58.33333%; } -.focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); +.-m-8\/12 { + margin: -66.66667%; } -.focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); +.-m-9\/12 { + margin: -75%; } -.focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); +.-m-10\/12 { + margin: -83.33333%; } -.focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.-m-11\/12 { + margin: -91.66667%; } -.focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); +.-m-full { + margin: -100%; } -.focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); +.my-0 { + margin-top: 0; + margin-bottom: 0; } -.focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); +.mx-0 { + margin-left: 0; + margin-right: 0; } -.focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } -.focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } -.focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } -.focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } -.focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } -.placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } -.placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; } -.placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } -.placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } -.placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } -.focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } -.focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; +.my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } -.focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; +.mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } -.focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } -.focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; } -.pointer-events-none { - pointer-events: none; +.my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } -.pointer-events-auto { - pointer-events: auto; +.mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } -.static { - position: static; +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } -.fixed { - position: fixed; +.mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } -.absolute { - position: absolute; +.my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } -.relative { - position: relative; +.mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } -.sticky { - position: sticky; +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } -.inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; } -.inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; +.my-13 { + margin-top: 3.25rem; + margin-bottom: 3.25rem; } -.inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; +.mx-13 { + margin-left: 3.25rem; + margin-right: 3.25rem; } -.inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; +.my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } -.inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; +.mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } -.inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; +.my-15 { + margin-top: 3.75rem; + margin-bottom: 3.75rem; } -.inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; +.mx-15 { + margin-left: 3.75rem; + margin-right: 3.75rem; } -.inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } -.inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; } -.inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } -.inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; } -.inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; +.my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } -.inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; +.mx-24 { + margin-left: 6rem; + margin-right: 6rem; } -.inset-13 { - top: 3.25rem; - right: 3.25rem; - bottom: 3.25rem; - left: 3.25rem; +.my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } -.inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; +.mx-28 { + margin-left: 7rem; + margin-right: 7rem; } -.inset-15 { - top: 3.75rem; - right: 3.75rem; - bottom: 3.75rem; - left: 3.75rem; +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } -.inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; } -.inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; +.my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } -.inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; +.mx-36 { + margin-left: 9rem; + margin-right: 9rem; } -.inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; +.my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } -.inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; +.mx-40 { + margin-left: 10rem; + margin-right: 10rem; } -.inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; +.my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } -.inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; +.mx-44 { + margin-left: 11rem; + margin-right: 11rem; } -.inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; +.my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } -.inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; +.mx-48 { + margin-left: 12rem; + margin-right: 12rem; } -.inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; +.my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } -.inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; +.mx-52 { + margin-left: 13rem; + margin-right: 13rem; } -.inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; +.my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } -.inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; +.mx-56 { + margin-left: 14rem; + margin-right: 14rem; } -.inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; +.my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } -.inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; +.mx-60 { + margin-left: 15rem; + margin-right: 15rem; } -.inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; +.my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } -.inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; +.mx-64 { + margin-left: 16rem; + margin-right: 16rem; } -.inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; +.my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } -.inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; +.mx-72 { + margin-left: 18rem; + margin-right: 18rem; } -.inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; +.my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } -.inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; +.mx-80 { + margin-left: 20rem; + margin-right: 20rem; } -.inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; +.my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } -.inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.mx-96 { + margin-left: 24rem; + margin-right: 24rem; } -.inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.my-auto { + margin-top: auto; + margin-bottom: auto; } -.inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.mx-auto { + margin-left: auto; + margin-right: auto; } -.inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; +.my-px { + margin-top: 1px; + margin-bottom: 1px; } -.inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.mx-px { + margin-left: 1px; + margin-right: 1px; } -.inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; +.my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } -.inset-1\/5 { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } -.inset-2\/5 { - top: 40%; - right: 40%; - bottom: 40%; - left: 40%; +.my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } -.inset-3\/5 { - top: 60%; - right: 60%; - bottom: 60%; - left: 60%; +.mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } -.inset-4\/5 { - top: 80%; - right: 80%; - bottom: 80%; - left: 80%; +.my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } -.inset-1\/6 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; +.mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } -.inset-2\/6 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } -.inset-3\/6 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } -.inset-4\/6 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.my-1\/2 { + margin-top: 50%; + margin-bottom: 50%; } -.inset-5\/6 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; +.mx-1\/2 { + margin-left: 50%; + margin-right: 50%; } -.inset-1\/12 { - top: 8.333333%; - right: 8.333333%; - bottom: 8.333333%; - left: 8.333333%; +.my-1\/3 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } -.inset-2\/12 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; +.mx-1\/3 { + margin-left: 33.333333%; + margin-right: 33.333333%; } -.inset-3\/12 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; +.my-2\/3 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } -.inset-4\/12 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.mx-2\/3 { + margin-left: 66.666667%; + margin-right: 66.666667%; } -.inset-5\/12 { - top: 41.666667%; - right: 41.666667%; - bottom: 41.666667%; - left: 41.666667%; +.my-1\/4 { + margin-top: 25%; + margin-bottom: 25%; } -.inset-6\/12 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.mx-1\/4 { + margin-left: 25%; + margin-right: 25%; } -.inset-7\/12 { - top: 58.333333%; - right: 58.333333%; - bottom: 58.333333%; - left: 58.333333%; +.my-2\/4 { + margin-top: 50%; + margin-bottom: 50%; } -.inset-8\/12 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.mx-2\/4 { + margin-left: 50%; + margin-right: 50%; } -.inset-9\/12 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; +.my-3\/4 { + margin-top: 75%; + margin-bottom: 75%; } -.inset-10\/12 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; +.mx-3\/4 { + margin-left: 75%; + margin-right: 75%; } -.inset-11\/12 { - top: 91.666667%; - right: 91.666667%; - bottom: 91.666667%; - left: 91.666667%; +.my-1\/5 { + margin-top: 20%; + margin-bottom: 20%; } -.inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; +.mx-1\/5 { + margin-left: 20%; + margin-right: 20%; } -.inset-y-0 { - top: 0; - bottom: 0; +.my-2\/5 { + margin-top: 40%; + margin-bottom: 40%; } -.inset-x-0 { - right: 0; - left: 0; +.mx-2\/5 { + margin-left: 40%; + margin-right: 40%; } -.inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; +.my-3\/5 { + margin-top: 60%; + margin-bottom: 60%; } -.inset-x-1 { - right: 0.25rem; - left: 0.25rem; +.mx-3\/5 { + margin-left: 60%; + margin-right: 60%; } -.inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; +.my-4\/5 { + margin-top: 80%; + margin-bottom: 80%; } -.inset-x-2 { - right: 0.5rem; - left: 0.5rem; +.mx-4\/5 { + margin-left: 80%; + margin-right: 80%; } -.inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; +.my-1\/6 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } -.inset-x-3 { - right: 0.75rem; - left: 0.75rem; +.mx-1\/6 { + margin-left: 16.666667%; + margin-right: 16.666667%; } -.inset-y-4 { - top: 1rem; - bottom: 1rem; +.my-2\/6 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } -.inset-x-4 { - right: 1rem; - left: 1rem; +.mx-2\/6 { + margin-left: 33.333333%; + margin-right: 33.333333%; } -.inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; +.my-3\/6 { + margin-top: 50%; + margin-bottom: 50%; } -.inset-x-5 { - right: 1.25rem; - left: 1.25rem; +.mx-3\/6 { + margin-left: 50%; + margin-right: 50%; } -.inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; +.my-4\/6 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } -.inset-x-6 { - right: 1.5rem; - left: 1.5rem; +.mx-4\/6 { + margin-left: 66.666667%; + margin-right: 66.666667%; } -.inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; +.my-5\/6 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } -.inset-x-7 { - right: 1.75rem; - left: 1.75rem; +.mx-5\/6 { + margin-left: 83.333333%; + margin-right: 83.333333%; } -.inset-y-8 { - top: 2rem; - bottom: 2rem; +.my-1\/12 { + margin-top: 8.333333%; + margin-bottom: 8.333333%; } -.inset-x-8 { - right: 2rem; - left: 2rem; +.mx-1\/12 { + margin-left: 8.333333%; + margin-right: 8.333333%; } -.inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; +.my-2\/12 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } -.inset-x-9 { - right: 2.25rem; - left: 2.25rem; +.mx-2\/12 { + margin-left: 16.666667%; + margin-right: 16.666667%; } -.inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; +.my-3\/12 { + margin-top: 25%; + margin-bottom: 25%; } -.inset-x-10 { - right: 2.5rem; - left: 2.5rem; +.mx-3\/12 { + margin-left: 25%; + margin-right: 25%; } -.inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; +.my-4\/12 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } -.inset-x-11 { - right: 2.75rem; - left: 2.75rem; +.mx-4\/12 { + margin-left: 33.333333%; + margin-right: 33.333333%; } -.inset-y-12 { - top: 3rem; - bottom: 3rem; +.my-5\/12 { + margin-top: 41.666667%; + margin-bottom: 41.666667%; } -.inset-x-12 { - right: 3rem; - left: 3rem; +.mx-5\/12 { + margin-left: 41.666667%; + margin-right: 41.666667%; } -.inset-y-13 { - top: 3.25rem; - bottom: 3.25rem; +.my-6\/12 { + margin-top: 50%; + margin-bottom: 50%; } -.inset-x-13 { - right: 3.25rem; - left: 3.25rem; +.mx-6\/12 { + margin-left: 50%; + margin-right: 50%; } -.inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; +.my-7\/12 { + margin-top: 58.333333%; + margin-bottom: 58.333333%; } -.inset-x-14 { - right: 3.5rem; - left: 3.5rem; +.mx-7\/12 { + margin-left: 58.333333%; + margin-right: 58.333333%; } -.inset-y-15 { - top: 3.75rem; - bottom: 3.75rem; +.my-8\/12 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } -.inset-x-15 { - right: 3.75rem; - left: 3.75rem; +.mx-8\/12 { + margin-left: 66.666667%; + margin-right: 66.666667%; } -.inset-y-16 { - top: 4rem; - bottom: 4rem; +.my-9\/12 { + margin-top: 75%; + margin-bottom: 75%; } -.inset-x-16 { - right: 4rem; - left: 4rem; +.mx-9\/12 { + margin-left: 75%; + margin-right: 75%; } -.inset-y-20 { - top: 5rem; - bottom: 5rem; +.my-10\/12 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } -.inset-x-20 { - right: 5rem; - left: 5rem; +.mx-10\/12 { + margin-left: 83.333333%; + margin-right: 83.333333%; } -.inset-y-24 { - top: 6rem; - bottom: 6rem; +.my-11\/12 { + margin-top: 91.666667%; + margin-bottom: 91.666667%; } -.inset-x-24 { - right: 6rem; - left: 6rem; +.mx-11\/12 { + margin-left: 91.666667%; + margin-right: 91.666667%; } -.inset-y-28 { - top: 7rem; - bottom: 7rem; +.my-full { + margin-top: 100%; + margin-bottom: 100%; } -.inset-x-28 { - right: 7rem; - left: 7rem; +.mx-full { + margin-left: 100%; + margin-right: 100%; } -.inset-y-32 { - top: 8rem; - bottom: 8rem; +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } -.inset-x-32 { - right: 8rem; - left: 8rem; +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } -.inset-y-36 { - top: 9rem; - bottom: 9rem; +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } -.inset-x-36 { - right: 9rem; - left: 9rem; +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } -.inset-y-40 { - top: 10rem; - bottom: 10rem; +.-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } -.inset-x-40 { - right: 10rem; - left: 10rem; +.-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } -.inset-y-44 { - top: 11rem; - bottom: 11rem; +.-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } -.inset-x-44 { - right: 11rem; - left: 11rem; +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } -.inset-y-48 { - top: 12rem; - bottom: 12rem; +.-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } -.inset-x-48 { - right: 12rem; - left: 12rem; +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } -.inset-y-52 { - top: 13rem; - bottom: 13rem; +.-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } -.inset-x-52 { - right: 13rem; - left: 13rem; +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } -.inset-y-56 { - top: 14rem; - bottom: 14rem; +.-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } -.inset-x-56 { - right: 14rem; - left: 14rem; +.-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } -.inset-y-60 { - top: 15rem; - bottom: 15rem; +.-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } -.inset-x-60 { - right: 15rem; - left: 15rem; +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } -.inset-y-64 { - top: 16rem; - bottom: 16rem; +.-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } -.inset-x-64 { - right: 16rem; - left: 16rem; +.-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } -.inset-y-72 { - top: 18rem; - bottom: 18rem; +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } -.inset-x-72 { - right: 18rem; - left: 18rem; +.-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } -.inset-y-80 { - top: 20rem; - bottom: 20rem; +.-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } -.inset-x-80 { - right: 20rem; - left: 20rem; +.-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } -.inset-y-96 { - top: 24rem; - bottom: 24rem; +.-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } -.inset-x-96 { - right: 24rem; - left: 24rem; +.-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } -.inset-y-auto { - top: auto; - bottom: auto; +.-my-13 { + margin-top: -3.25rem; + margin-bottom: -3.25rem; } -.inset-x-auto { - right: auto; - left: auto; +.-mx-13 { + margin-left: -3.25rem; + margin-right: -3.25rem; } -.inset-y-px { - top: 1px; - bottom: 1px; +.-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } -.inset-x-px { - right: 1px; - left: 1px; +.-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } -.inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; +.-my-15 { + margin-top: -3.75rem; + margin-bottom: -3.75rem; } -.inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; +.-mx-15 { + margin-left: -3.75rem; + margin-right: -3.75rem; } -.inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; +.-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } -.inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; +.-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } -.inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; +.-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } -.inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; +.-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } -.inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; +.-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } -.inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; +.-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } -.inset-y-1\/2 { - top: 50%; - bottom: 50%; +.-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } -.inset-x-1\/2 { - right: 50%; - left: 50%; +.-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } -.inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; +.-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } -.inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; +.-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } -.inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; +.-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } -.inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; +.-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } -.inset-y-1\/4 { - top: 25%; - bottom: 25%; +.-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } -.inset-x-1\/4 { - right: 25%; - left: 25%; +.-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } -.inset-y-2\/4 { - top: 50%; - bottom: 50%; +.-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } -.inset-x-2\/4 { - right: 50%; - left: 50%; +.-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } -.inset-y-3\/4 { - top: 75%; - bottom: 75%; +.-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } -.inset-x-3\/4 { - right: 75%; - left: 75%; +.-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } -.inset-y-1\/5 { - top: 20%; - bottom: 20%; +.-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } -.inset-x-1\/5 { - right: 20%; - left: 20%; +.-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } -.inset-y-2\/5 { - top: 40%; - bottom: 40%; +.-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } -.inset-x-2\/5 { - right: 40%; - left: 40%; +.-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } -.inset-y-3\/5 { - top: 60%; - bottom: 60%; +.-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } -.inset-x-3\/5 { - right: 60%; - left: 60%; +.-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } -.inset-y-4\/5 { - top: 80%; - bottom: 80%; +.-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } -.inset-x-4\/5 { - right: 80%; - left: 80%; +.-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } -.inset-y-1\/6 { - top: 16.666667%; - bottom: 16.666667%; +.-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } -.inset-x-1\/6 { - right: 16.666667%; - left: 16.666667%; +.-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } -.inset-y-2\/6 { - top: 33.333333%; - bottom: 33.333333%; +.-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } -.inset-x-2\/6 { - right: 33.333333%; - left: 33.333333%; +.-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } -.inset-y-3\/6 { - top: 50%; - bottom: 50%; +.-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } -.inset-x-3\/6 { - right: 50%; - left: 50%; +.-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } -.inset-y-4\/6 { - top: 66.666667%; - bottom: 66.666667%; +.-my-px { + margin-top: -1px; + margin-bottom: -1px; } -.inset-x-4\/6 { - right: 66.666667%; - left: 66.666667%; +.-mx-px { + margin-left: -1px; + margin-right: -1px; } -.inset-y-5\/6 { - top: 83.333333%; - bottom: 83.333333%; +.-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } -.inset-x-5\/6 { - right: 83.333333%; - left: 83.333333%; +.-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } -.inset-y-1\/12 { - top: 8.333333%; - bottom: 8.333333%; +.-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } -.inset-x-1\/12 { - right: 8.333333%; - left: 8.333333%; +.-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } -.inset-y-2\/12 { - top: 16.666667%; - bottom: 16.666667%; +.-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } -.inset-x-2\/12 { - right: 16.666667%; - left: 16.666667%; +.-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } -.inset-y-3\/12 { - top: 25%; - bottom: 25%; +.-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } -.inset-x-3\/12 { - right: 25%; - left: 25%; +.-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } -.inset-y-4\/12 { - top: 33.333333%; - bottom: 33.333333%; +.-my-1\/2 { + margin-top: -50%; + margin-bottom: -50%; } -.inset-x-4\/12 { - right: 33.333333%; - left: 33.333333%; +.-mx-1\/2 { + margin-left: -50%; + margin-right: -50%; } -.inset-y-5\/12 { - top: 41.666667%; - bottom: 41.666667%; +.-my-1\/3 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } -.inset-x-5\/12 { - right: 41.666667%; - left: 41.666667%; +.-mx-1\/3 { + margin-left: -33.33333%; + margin-right: -33.33333%; } -.inset-y-6\/12 { - top: 50%; - bottom: 50%; +.-my-2\/3 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } -.inset-x-6\/12 { - right: 50%; - left: 50%; +.-mx-2\/3 { + margin-left: -66.66667%; + margin-right: -66.66667%; } -.inset-y-7\/12 { - top: 58.333333%; - bottom: 58.333333%; +.-my-1\/4 { + margin-top: -25%; + margin-bottom: -25%; } -.inset-x-7\/12 { - right: 58.333333%; - left: 58.333333%; +.-mx-1\/4 { + margin-left: -25%; + margin-right: -25%; } -.inset-y-8\/12 { - top: 66.666667%; - bottom: 66.666667%; +.-my-2\/4 { + margin-top: -50%; + margin-bottom: -50%; } -.inset-x-8\/12 { - right: 66.666667%; - left: 66.666667%; +.-mx-2\/4 { + margin-left: -50%; + margin-right: -50%; } -.inset-y-9\/12 { - top: 75%; - bottom: 75%; +.-my-3\/4 { + margin-top: -75%; + margin-bottom: -75%; } -.inset-x-9\/12 { - right: 75%; - left: 75%; +.-mx-3\/4 { + margin-left: -75%; + margin-right: -75%; } -.inset-y-10\/12 { - top: 83.333333%; - bottom: 83.333333%; +.-my-1\/5 { + margin-top: -20%; + margin-bottom: -20%; } -.inset-x-10\/12 { - right: 83.333333%; - left: 83.333333%; +.-mx-1\/5 { + margin-left: -20%; + margin-right: -20%; } -.inset-y-11\/12 { - top: 91.666667%; - bottom: 91.666667%; +.-my-2\/5 { + margin-top: -40%; + margin-bottom: -40%; } -.inset-x-11\/12 { - right: 91.666667%; - left: 91.666667%; +.-mx-2\/5 { + margin-left: -40%; + margin-right: -40%; } -.inset-y-full { - top: 100%; - bottom: 100%; +.-my-3\/5 { + margin-top: -60%; + margin-bottom: -60%; } -.inset-x-full { - right: 100%; - left: 100%; +.-mx-3\/5 { + margin-left: -60%; + margin-right: -60%; } -.top-0 { - top: 0; +.-my-4\/5 { + margin-top: -80%; + margin-bottom: -80%; } -.right-0 { - right: 0; +.-mx-4\/5 { + margin-left: -80%; + margin-right: -80%; } -.bottom-0 { - bottom: 0; +.-my-1\/6 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } -.left-0 { - left: 0; +.-mx-1\/6 { + margin-left: -16.66667%; + margin-right: -16.66667%; } -.top-1 { - top: 0.25rem; +.-my-2\/6 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } -.right-1 { - right: 0.25rem; +.-mx-2\/6 { + margin-left: -33.33333%; + margin-right: -33.33333%; } -.bottom-1 { - bottom: 0.25rem; +.-my-3\/6 { + margin-top: -50%; + margin-bottom: -50%; } -.left-1 { - left: 0.25rem; +.-mx-3\/6 { + margin-left: -50%; + margin-right: -50%; } -.top-2 { - top: 0.5rem; +.-my-4\/6 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } -.right-2 { - right: 0.5rem; +.-mx-4\/6 { + margin-left: -66.66667%; + margin-right: -66.66667%; } -.bottom-2 { - bottom: 0.5rem; +.-my-5\/6 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } -.left-2 { - left: 0.5rem; +.-mx-5\/6 { + margin-left: -83.33333%; + margin-right: -83.33333%; } -.top-3 { - top: 0.75rem; +.-my-1\/12 { + margin-top: -8.33333%; + margin-bottom: -8.33333%; } -.right-3 { - right: 0.75rem; +.-mx-1\/12 { + margin-left: -8.33333%; + margin-right: -8.33333%; } -.bottom-3 { - bottom: 0.75rem; +.-my-2\/12 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } -.left-3 { - left: 0.75rem; +.-mx-2\/12 { + margin-left: -16.66667%; + margin-right: -16.66667%; } -.top-4 { - top: 1rem; +.-my-3\/12 { + margin-top: -25%; + margin-bottom: -25%; } -.right-4 { - right: 1rem; +.-mx-3\/12 { + margin-left: -25%; + margin-right: -25%; } -.bottom-4 { - bottom: 1rem; +.-my-4\/12 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } -.left-4 { - left: 1rem; +.-mx-4\/12 { + margin-left: -33.33333%; + margin-right: -33.33333%; } -.top-5 { - top: 1.25rem; +.-my-5\/12 { + margin-top: -41.66667%; + margin-bottom: -41.66667%; } -.right-5 { - right: 1.25rem; +.-mx-5\/12 { + margin-left: -41.66667%; + margin-right: -41.66667%; } -.bottom-5 { - bottom: 1.25rem; +.-my-6\/12 { + margin-top: -50%; + margin-bottom: -50%; } -.left-5 { - left: 1.25rem; +.-mx-6\/12 { + margin-left: -50%; + margin-right: -50%; } -.top-6 { - top: 1.5rem; +.-my-7\/12 { + margin-top: -58.33333%; + margin-bottom: -58.33333%; } -.right-6 { - right: 1.5rem; +.-mx-7\/12 { + margin-left: -58.33333%; + margin-right: -58.33333%; } -.bottom-6 { - bottom: 1.5rem; +.-my-8\/12 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } -.left-6 { - left: 1.5rem; +.-mx-8\/12 { + margin-left: -66.66667%; + margin-right: -66.66667%; } -.top-7 { - top: 1.75rem; +.-my-9\/12 { + margin-top: -75%; + margin-bottom: -75%; } -.right-7 { - right: 1.75rem; +.-mx-9\/12 { + margin-left: -75%; + margin-right: -75%; } -.bottom-7 { - bottom: 1.75rem; +.-my-10\/12 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } -.left-7 { - left: 1.75rem; +.-mx-10\/12 { + margin-left: -83.33333%; + margin-right: -83.33333%; } -.top-8 { - top: 2rem; +.-my-11\/12 { + margin-top: -91.66667%; + margin-bottom: -91.66667%; } -.right-8 { - right: 2rem; +.-mx-11\/12 { + margin-left: -91.66667%; + margin-right: -91.66667%; } -.bottom-8 { - bottom: 2rem; +.-my-full { + margin-top: -100%; + margin-bottom: -100%; } -.left-8 { - left: 2rem; +.-mx-full { + margin-left: -100%; + margin-right: -100%; } -.top-9 { - top: 2.25rem; +.mt-0 { + margin-top: 0; } -.right-9 { - right: 2.25rem; +.mr-0 { + margin-right: 0; } -.bottom-9 { - bottom: 2.25rem; +.mb-0 { + margin-bottom: 0; } -.left-9 { - left: 2.25rem; +.ml-0 { + margin-left: 0; } -.top-10 { - top: 2.5rem; +.mt-1 { + margin-top: 0.25rem; } -.right-10 { - right: 2.5rem; +.mr-1 { + margin-right: 0.25rem; } -.bottom-10 { - bottom: 2.5rem; +.mb-1 { + margin-bottom: 0.25rem; } -.left-10 { - left: 2.5rem; +.ml-1 { + margin-left: 0.25rem; } -.top-11 { - top: 2.75rem; +.mt-2 { + margin-top: 0.5rem; } -.right-11 { - right: 2.75rem; +.mr-2 { + margin-right: 0.5rem; } -.bottom-11 { - bottom: 2.75rem; +.mb-2 { + margin-bottom: 0.5rem; } -.left-11 { - left: 2.75rem; +.ml-2 { + margin-left: 0.5rem; } -.top-12 { - top: 3rem; +.mt-3 { + margin-top: 0.75rem; } -.right-12 { - right: 3rem; +.mr-3 { + margin-right: 0.75rem; } -.bottom-12 { - bottom: 3rem; +.mb-3 { + margin-bottom: 0.75rem; } -.left-12 { - left: 3rem; +.ml-3 { + margin-left: 0.75rem; } -.top-13 { - top: 3.25rem; +.mt-4 { + margin-top: 1rem; } -.right-13 { - right: 3.25rem; +.mr-4 { + margin-right: 1rem; } -.bottom-13 { - bottom: 3.25rem; +.mb-4 { + margin-bottom: 1rem; } -.left-13 { - left: 3.25rem; +.ml-4 { + margin-left: 1rem; } -.top-14 { - top: 3.5rem; +.mt-5 { + margin-top: 1.25rem; } -.right-14 { - right: 3.5rem; +.mr-5 { + margin-right: 1.25rem; } -.bottom-14 { - bottom: 3.5rem; +.mb-5 { + margin-bottom: 1.25rem; } -.left-14 { - left: 3.5rem; +.ml-5 { + margin-left: 1.25rem; } -.top-15 { - top: 3.75rem; +.mt-6 { + margin-top: 1.5rem; } -.right-15 { - right: 3.75rem; +.mr-6 { + margin-right: 1.5rem; } -.bottom-15 { - bottom: 3.75rem; +.mb-6 { + margin-bottom: 1.5rem; } -.left-15 { - left: 3.75rem; +.ml-6 { + margin-left: 1.5rem; } -.top-16 { - top: 4rem; +.mt-7 { + margin-top: 1.75rem; } -.right-16 { - right: 4rem; +.mr-7 { + margin-right: 1.75rem; } -.bottom-16 { - bottom: 4rem; +.mb-7 { + margin-bottom: 1.75rem; } -.left-16 { - left: 4rem; +.ml-7 { + margin-left: 1.75rem; } -.top-20 { - top: 5rem; +.mt-8 { + margin-top: 2rem; } -.right-20 { - right: 5rem; +.mr-8 { + margin-right: 2rem; } -.bottom-20 { - bottom: 5rem; +.mb-8 { + margin-bottom: 2rem; } -.left-20 { - left: 5rem; +.ml-8 { + margin-left: 2rem; } -.top-24 { - top: 6rem; +.mt-9 { + margin-top: 2.25rem; } -.right-24 { - right: 6rem; +.mr-9 { + margin-right: 2.25rem; } -.bottom-24 { - bottom: 6rem; +.mb-9 { + margin-bottom: 2.25rem; } -.left-24 { - left: 6rem; +.ml-9 { + margin-left: 2.25rem; } -.top-28 { - top: 7rem; +.mt-10 { + margin-top: 2.5rem; } -.right-28 { - right: 7rem; +.mr-10 { + margin-right: 2.5rem; } -.bottom-28 { - bottom: 7rem; +.mb-10 { + margin-bottom: 2.5rem; } -.left-28 { - left: 7rem; +.ml-10 { + margin-left: 2.5rem; } -.top-32 { - top: 8rem; +.mt-11 { + margin-top: 2.75rem; } -.right-32 { - right: 8rem; +.mr-11 { + margin-right: 2.75rem; } -.bottom-32 { - bottom: 8rem; +.mb-11 { + margin-bottom: 2.75rem; } -.left-32 { - left: 8rem; +.ml-11 { + margin-left: 2.75rem; } -.top-36 { - top: 9rem; +.mt-12 { + margin-top: 3rem; } -.right-36 { - right: 9rem; +.mr-12 { + margin-right: 3rem; } -.bottom-36 { - bottom: 9rem; +.mb-12 { + margin-bottom: 3rem; } -.left-36 { - left: 9rem; +.ml-12 { + margin-left: 3rem; } -.top-40 { - top: 10rem; +.mt-13 { + margin-top: 3.25rem; } -.right-40 { - right: 10rem; +.mr-13 { + margin-right: 3.25rem; } -.bottom-40 { - bottom: 10rem; +.mb-13 { + margin-bottom: 3.25rem; } -.left-40 { - left: 10rem; +.ml-13 { + margin-left: 3.25rem; } -.top-44 { - top: 11rem; +.mt-14 { + margin-top: 3.5rem; } -.right-44 { - right: 11rem; +.mr-14 { + margin-right: 3.5rem; } -.bottom-44 { - bottom: 11rem; +.mb-14 { + margin-bottom: 3.5rem; } -.left-44 { - left: 11rem; +.ml-14 { + margin-left: 3.5rem; } -.top-48 { - top: 12rem; +.mt-15 { + margin-top: 3.75rem; } -.right-48 { - right: 12rem; +.mr-15 { + margin-right: 3.75rem; } -.bottom-48 { - bottom: 12rem; +.mb-15 { + margin-bottom: 3.75rem; } -.left-48 { - left: 12rem; +.ml-15 { + margin-left: 3.75rem; } -.top-52 { - top: 13rem; +.mt-16 { + margin-top: 4rem; } -.right-52 { - right: 13rem; +.mr-16 { + margin-right: 4rem; } -.bottom-52 { - bottom: 13rem; +.mb-16 { + margin-bottom: 4rem; } -.left-52 { - left: 13rem; +.ml-16 { + margin-left: 4rem; } -.top-56 { - top: 14rem; +.mt-20 { + margin-top: 5rem; } -.right-56 { - right: 14rem; +.mr-20 { + margin-right: 5rem; } -.bottom-56 { - bottom: 14rem; +.mb-20 { + margin-bottom: 5rem; } -.left-56 { - left: 14rem; +.ml-20 { + margin-left: 5rem; } -.top-60 { - top: 15rem; +.mt-24 { + margin-top: 6rem; } -.right-60 { - right: 15rem; +.mr-24 { + margin-right: 6rem; } -.bottom-60 { - bottom: 15rem; +.mb-24 { + margin-bottom: 6rem; } -.left-60 { - left: 15rem; +.ml-24 { + margin-left: 6rem; } -.top-64 { - top: 16rem; +.mt-28 { + margin-top: 7rem; } -.right-64 { - right: 16rem; +.mr-28 { + margin-right: 7rem; } -.bottom-64 { - bottom: 16rem; +.mb-28 { + margin-bottom: 7rem; } -.left-64 { - left: 16rem; +.ml-28 { + margin-left: 7rem; } -.top-72 { - top: 18rem; +.mt-32 { + margin-top: 8rem; } -.right-72 { - right: 18rem; +.mr-32 { + margin-right: 8rem; } -.bottom-72 { - bottom: 18rem; +.mb-32 { + margin-bottom: 8rem; } -.left-72 { - left: 18rem; +.ml-32 { + margin-left: 8rem; } -.top-80 { - top: 20rem; +.mt-36 { + margin-top: 9rem; } -.right-80 { - right: 20rem; +.mr-36 { + margin-right: 9rem; } -.bottom-80 { - bottom: 20rem; +.mb-36 { + margin-bottom: 9rem; } -.left-80 { - left: 20rem; +.ml-36 { + margin-left: 9rem; } -.top-96 { - top: 24rem; +.mt-40 { + margin-top: 10rem; } -.right-96 { - right: 24rem; +.mr-40 { + margin-right: 10rem; } -.bottom-96 { - bottom: 24rem; +.mb-40 { + margin-bottom: 10rem; } -.left-96 { - left: 24rem; +.ml-40 { + margin-left: 10rem; } -.top-auto { - top: auto; +.mt-44 { + margin-top: 11rem; } -.right-auto { - right: auto; +.mr-44 { + margin-right: 11rem; } -.bottom-auto { - bottom: auto; +.mb-44 { + margin-bottom: 11rem; } -.left-auto { - left: auto; +.ml-44 { + margin-left: 11rem; } -.top-px { - top: 1px; +.mt-48 { + margin-top: 12rem; } -.right-px { - right: 1px; +.mr-48 { + margin-right: 12rem; } -.bottom-px { - bottom: 1px; +.mb-48 { + margin-bottom: 12rem; } -.left-px { - left: 1px; +.ml-48 { + margin-left: 12rem; } -.top-0\.5 { - top: 0.125rem; +.mt-52 { + margin-top: 13rem; } -.right-0\.5 { - right: 0.125rem; +.mr-52 { + margin-right: 13rem; } -.bottom-0\.5 { - bottom: 0.125rem; +.mb-52 { + margin-bottom: 13rem; } -.left-0\.5 { - left: 0.125rem; +.ml-52 { + margin-left: 13rem; } -.top-1\.5 { - top: 0.375rem; +.mt-56 { + margin-top: 14rem; } -.right-1\.5 { - right: 0.375rem; +.mr-56 { + margin-right: 14rem; } -.bottom-1\.5 { - bottom: 0.375rem; +.mb-56 { + margin-bottom: 14rem; } -.left-1\.5 { - left: 0.375rem; +.ml-56 { + margin-left: 14rem; } -.top-2\.5 { - top: 0.625rem; +.mt-60 { + margin-top: 15rem; } -.right-2\.5 { - right: 0.625rem; +.mr-60 { + margin-right: 15rem; } -.bottom-2\.5 { - bottom: 0.625rem; +.mb-60 { + margin-bottom: 15rem; } -.left-2\.5 { - left: 0.625rem; +.ml-60 { + margin-left: 15rem; } -.top-3\.5 { - top: 0.875rem; +.mt-64 { + margin-top: 16rem; } -.right-3\.5 { - right: 0.875rem; +.mr-64 { + margin-right: 16rem; } -.bottom-3\.5 { - bottom: 0.875rem; +.mb-64 { + margin-bottom: 16rem; } -.left-3\.5 { - left: 0.875rem; +.ml-64 { + margin-left: 16rem; } -.top-1\/2 { - top: 50%; +.mt-72 { + margin-top: 18rem; } -.right-1\/2 { - right: 50%; +.mr-72 { + margin-right: 18rem; } -.bottom-1\/2 { - bottom: 50%; +.mb-72 { + margin-bottom: 18rem; } -.left-1\/2 { - left: 50%; +.ml-72 { + margin-left: 18rem; } -.top-1\/3 { - top: 33.333333%; +.mt-80 { + margin-top: 20rem; } -.right-1\/3 { - right: 33.333333%; +.mr-80 { + margin-right: 20rem; } -.bottom-1\/3 { - bottom: 33.333333%; +.mb-80 { + margin-bottom: 20rem; } -.left-1\/3 { - left: 33.333333%; +.ml-80 { + margin-left: 20rem; } -.top-2\/3 { - top: 66.666667%; +.mt-96 { + margin-top: 24rem; } -.right-2\/3 { - right: 66.666667%; +.mr-96 { + margin-right: 24rem; } -.bottom-2\/3 { - bottom: 66.666667%; +.mb-96 { + margin-bottom: 24rem; } -.left-2\/3 { - left: 66.666667%; +.ml-96 { + margin-left: 24rem; } -.top-1\/4 { - top: 25%; +.mt-auto { + margin-top: auto; } -.right-1\/4 { - right: 25%; +.mr-auto { + margin-right: auto; } -.bottom-1\/4 { - bottom: 25%; +.mb-auto { + margin-bottom: auto; } -.left-1\/4 { - left: 25%; +.ml-auto { + margin-left: auto; } -.top-2\/4 { - top: 50%; +.mt-px { + margin-top: 1px; } -.right-2\/4 { - right: 50%; +.mr-px { + margin-right: 1px; } -.bottom-2\/4 { - bottom: 50%; +.mb-px { + margin-bottom: 1px; } -.left-2\/4 { - left: 50%; +.ml-px { + margin-left: 1px; } -.top-3\/4 { - top: 75%; +.mt-0\.5 { + margin-top: 0.125rem; } -.right-3\/4 { - right: 75%; +.mr-0\.5 { + margin-right: 0.125rem; } -.bottom-3\/4 { - bottom: 75%; +.mb-0\.5 { + margin-bottom: 0.125rem; } -.left-3\/4 { - left: 75%; +.ml-0\.5 { + margin-left: 0.125rem; } -.top-1\/5 { - top: 20%; +.mt-1\.5 { + margin-top: 0.375rem; } -.right-1\/5 { - right: 20%; +.mr-1\.5 { + margin-right: 0.375rem; } -.bottom-1\/5 { - bottom: 20%; +.mb-1\.5 { + margin-bottom: 0.375rem; } -.left-1\/5 { - left: 20%; +.ml-1\.5 { + margin-left: 0.375rem; } -.top-2\/5 { - top: 40%; +.mt-2\.5 { + margin-top: 0.625rem; } -.right-2\/5 { - right: 40%; +.mr-2\.5 { + margin-right: 0.625rem; } -.bottom-2\/5 { - bottom: 40%; +.mb-2\.5 { + margin-bottom: 0.625rem; } -.left-2\/5 { - left: 40%; +.ml-2\.5 { + margin-left: 0.625rem; } -.top-3\/5 { - top: 60%; +.mt-3\.5 { + margin-top: 0.875rem; } -.right-3\/5 { - right: 60%; +.mr-3\.5 { + margin-right: 0.875rem; } -.bottom-3\/5 { - bottom: 60%; +.mb-3\.5 { + margin-bottom: 0.875rem; } -.left-3\/5 { - left: 60%; +.ml-3\.5 { + margin-left: 0.875rem; } -.top-4\/5 { - top: 80%; +.mt-1\/2 { + margin-top: 50%; } -.right-4\/5 { - right: 80%; +.mr-1\/2 { + margin-right: 50%; } -.bottom-4\/5 { - bottom: 80%; +.mb-1\/2 { + margin-bottom: 50%; } -.left-4\/5 { - left: 80%; +.ml-1\/2 { + margin-left: 50%; } -.top-1\/6 { - top: 16.666667%; +.mt-1\/3 { + margin-top: 33.333333%; } -.right-1\/6 { - right: 16.666667%; +.mr-1\/3 { + margin-right: 33.333333%; } -.bottom-1\/6 { - bottom: 16.666667%; +.mb-1\/3 { + margin-bottom: 33.333333%; } -.left-1\/6 { - left: 16.666667%; +.ml-1\/3 { + margin-left: 33.333333%; } -.top-2\/6 { - top: 33.333333%; +.mt-2\/3 { + margin-top: 66.666667%; } -.right-2\/6 { - right: 33.333333%; +.mr-2\/3 { + margin-right: 66.666667%; } -.bottom-2\/6 { - bottom: 33.333333%; +.mb-2\/3 { + margin-bottom: 66.666667%; } -.left-2\/6 { - left: 33.333333%; +.ml-2\/3 { + margin-left: 66.666667%; } -.top-3\/6 { - top: 50%; +.mt-1\/4 { + margin-top: 25%; } -.right-3\/6 { - right: 50%; +.mr-1\/4 { + margin-right: 25%; } -.bottom-3\/6 { - bottom: 50%; +.mb-1\/4 { + margin-bottom: 25%; } -.left-3\/6 { - left: 50%; +.ml-1\/4 { + margin-left: 25%; } -.top-4\/6 { - top: 66.666667%; +.mt-2\/4 { + margin-top: 50%; } -.right-4\/6 { - right: 66.666667%; +.mr-2\/4 { + margin-right: 50%; } -.bottom-4\/6 { - bottom: 66.666667%; +.mb-2\/4 { + margin-bottom: 50%; } -.left-4\/6 { - left: 66.666667%; +.ml-2\/4 { + margin-left: 50%; } -.top-5\/6 { - top: 83.333333%; +.mt-3\/4 { + margin-top: 75%; } -.right-5\/6 { - right: 83.333333%; +.mr-3\/4 { + margin-right: 75%; } -.bottom-5\/6 { - bottom: 83.333333%; +.mb-3\/4 { + margin-bottom: 75%; } -.left-5\/6 { - left: 83.333333%; +.ml-3\/4 { + margin-left: 75%; } -.top-1\/12 { - top: 8.333333%; +.mt-1\/5 { + margin-top: 20%; } -.right-1\/12 { - right: 8.333333%; +.mr-1\/5 { + margin-right: 20%; } -.bottom-1\/12 { - bottom: 8.333333%; +.mb-1\/5 { + margin-bottom: 20%; } -.left-1\/12 { - left: 8.333333%; +.ml-1\/5 { + margin-left: 20%; } -.top-2\/12 { - top: 16.666667%; +.mt-2\/5 { + margin-top: 40%; } -.right-2\/12 { - right: 16.666667%; +.mr-2\/5 { + margin-right: 40%; } -.bottom-2\/12 { - bottom: 16.666667%; +.mb-2\/5 { + margin-bottom: 40%; } -.left-2\/12 { - left: 16.666667%; +.ml-2\/5 { + margin-left: 40%; } -.top-3\/12 { - top: 25%; +.mt-3\/5 { + margin-top: 60%; } -.right-3\/12 { - right: 25%; +.mr-3\/5 { + margin-right: 60%; } -.bottom-3\/12 { - bottom: 25%; +.mb-3\/5 { + margin-bottom: 60%; } -.left-3\/12 { - left: 25%; +.ml-3\/5 { + margin-left: 60%; } -.top-4\/12 { - top: 33.333333%; +.mt-4\/5 { + margin-top: 80%; } -.right-4\/12 { - right: 33.333333%; +.mr-4\/5 { + margin-right: 80%; } -.bottom-4\/12 { - bottom: 33.333333%; +.mb-4\/5 { + margin-bottom: 80%; } -.left-4\/12 { - left: 33.333333%; +.ml-4\/5 { + margin-left: 80%; } -.top-5\/12 { - top: 41.666667%; +.mt-1\/6 { + margin-top: 16.666667%; } -.right-5\/12 { - right: 41.666667%; +.mr-1\/6 { + margin-right: 16.666667%; } -.bottom-5\/12 { - bottom: 41.666667%; +.mb-1\/6 { + margin-bottom: 16.666667%; } -.left-5\/12 { - left: 41.666667%; +.ml-1\/6 { + margin-left: 16.666667%; } -.top-6\/12 { - top: 50%; +.mt-2\/6 { + margin-top: 33.333333%; } -.right-6\/12 { - right: 50%; +.mr-2\/6 { + margin-right: 33.333333%; } -.bottom-6\/12 { - bottom: 50%; +.mb-2\/6 { + margin-bottom: 33.333333%; } -.left-6\/12 { - left: 50%; +.ml-2\/6 { + margin-left: 33.333333%; } -.top-7\/12 { - top: 58.333333%; +.mt-3\/6 { + margin-top: 50%; } -.right-7\/12 { - right: 58.333333%; +.mr-3\/6 { + margin-right: 50%; } -.bottom-7\/12 { - bottom: 58.333333%; +.mb-3\/6 { + margin-bottom: 50%; } -.left-7\/12 { - left: 58.333333%; +.ml-3\/6 { + margin-left: 50%; } -.top-8\/12 { - top: 66.666667%; +.mt-4\/6 { + margin-top: 66.666667%; } -.right-8\/12 { - right: 66.666667%; +.mr-4\/6 { + margin-right: 66.666667%; } -.bottom-8\/12 { - bottom: 66.666667%; +.mb-4\/6 { + margin-bottom: 66.666667%; } -.left-8\/12 { - left: 66.666667%; +.ml-4\/6 { + margin-left: 66.666667%; } -.top-9\/12 { - top: 75%; +.mt-5\/6 { + margin-top: 83.333333%; } -.right-9\/12 { - right: 75%; +.mr-5\/6 { + margin-right: 83.333333%; } -.bottom-9\/12 { - bottom: 75%; +.mb-5\/6 { + margin-bottom: 83.333333%; } -.left-9\/12 { - left: 75%; +.ml-5\/6 { + margin-left: 83.333333%; } -.top-10\/12 { - top: 83.333333%; +.mt-1\/12 { + margin-top: 8.333333%; } -.right-10\/12 { - right: 83.333333%; +.mr-1\/12 { + margin-right: 8.333333%; } -.bottom-10\/12 { - bottom: 83.333333%; +.mb-1\/12 { + margin-bottom: 8.333333%; } -.left-10\/12 { - left: 83.333333%; +.ml-1\/12 { + margin-left: 8.333333%; } -.top-11\/12 { - top: 91.666667%; +.mt-2\/12 { + margin-top: 16.666667%; } -.right-11\/12 { - right: 91.666667%; +.mr-2\/12 { + margin-right: 16.666667%; } -.bottom-11\/12 { - bottom: 91.666667%; +.mb-2\/12 { + margin-bottom: 16.666667%; } -.left-11\/12 { - left: 91.666667%; +.ml-2\/12 { + margin-left: 16.666667%; } -.top-full { - top: 100%; +.mt-3\/12 { + margin-top: 25%; } -.right-full { - right: 100%; +.mr-3\/12 { + margin-right: 25%; } -.bottom-full { - bottom: 100%; +.mb-3\/12 { + margin-bottom: 25%; } -.left-full { - left: 100%; +.ml-3\/12 { + margin-left: 25%; } -.resize-none { - resize: none; +.mt-4\/12 { + margin-top: 33.333333%; } -.resize-y { - resize: vertical; +.mr-4\/12 { + margin-right: 33.333333%; } -.resize-x { - resize: horizontal; +.mb-4\/12 { + margin-bottom: 33.333333%; } -.resize { - resize: both; +.ml-4\/12 { + margin-left: 33.333333%; } -.shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +.mt-5\/12 { + margin-top: 41.666667%; } -.shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +.mr-5\/12 { + margin-right: 41.666667%; } -.shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.mb-5\/12 { + margin-bottom: 41.666667%; } -.shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.ml-5\/12 { + margin-left: 41.666667%; } -.shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.mt-6\/12 { + margin-top: 50%; } -.shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.mr-6\/12 { + margin-right: 50%; } -.shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.mb-6\/12 { + margin-bottom: 50%; } -.shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.ml-6\/12 { + margin-left: 50%; } -.shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.mt-7\/12 { + margin-top: 58.333333%; } -.shadow-none { - box-shadow: none; +.mr-7\/12 { + margin-right: 58.333333%; } -.hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +.mb-7\/12 { + margin-bottom: 58.333333%; } -.hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +.ml-7\/12 { + margin-left: 58.333333%; } -.hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.mt-8\/12 { + margin-top: 66.666667%; } -.hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.mr-8\/12 { + margin-right: 66.666667%; } -.hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.mb-8\/12 { + margin-bottom: 66.666667%; } -.hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.ml-8\/12 { + margin-left: 66.666667%; } -.hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.mt-9\/12 { + margin-top: 75%; } -.hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.mr-9\/12 { + margin-right: 75%; } -.hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.mb-9\/12 { + margin-bottom: 75%; } -.hover\:shadow-none:hover { - box-shadow: none; +.ml-9\/12 { + margin-left: 75%; } -.focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +.mt-10\/12 { + margin-top: 83.333333%; } -.focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +.mr-10\/12 { + margin-right: 83.333333%; } -.focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.mb-10\/12 { + margin-bottom: 83.333333%; } -.focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.ml-10\/12 { + margin-left: 83.333333%; } -.focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.mt-11\/12 { + margin-top: 91.666667%; } -.focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.mr-11\/12 { + margin-right: 91.666667%; } -.focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.mb-11\/12 { + margin-bottom: 91.666667%; } -.focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.ml-11\/12 { + margin-left: 91.666667%; } -.focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.mt-full { + margin-top: 100%; } -.focus\:shadow-none:focus { - box-shadow: none; +.mr-full { + margin-right: 100%; } -.fill-current { - fill: currentColor; +.mb-full { + margin-bottom: 100%; } -.stroke-current { - stroke: currentColor; +.ml-full { + margin-left: 100%; } -.stroke-0 { - stroke-width: 0; +.-mt-1 { + margin-top: -0.25rem; } -.stroke-1 { - stroke-width: 1; +.-mr-1 { + margin-right: -0.25rem; } -.stroke-2 { - stroke-width: 2; +.-mb-1 { + margin-bottom: -0.25rem; } -.table-auto { - table-layout: auto; +.-ml-1 { + margin-left: -0.25rem; } -.table-fixed { - table-layout: fixed; +.-mt-2 { + margin-top: -0.5rem; } -.text-left { - text-align: left; +.-mr-2 { + margin-right: -0.5rem; } -.text-center { - text-align: center; +.-mb-2 { + margin-bottom: -0.5rem; } -.text-right { - text-align: right; +.-ml-2 { + margin-left: -0.5rem; } -.text-justify { - text-align: justify; +.-mt-3 { + margin-top: -0.75rem; } -.text-transparent { - color: transparent; +.-mr-3 { + margin-right: -0.75rem; } -.text-current { - color: currentColor; +.-mb-3 { + margin-bottom: -0.75rem; } -.text-black { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); +.-ml-3 { + margin-left: -0.75rem; } -.text-white { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); +.-mt-4 { + margin-top: -1rem; } -.text-gray-50 { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); +.-mr-4 { + margin-right: -1rem; } -.text-gray-100 { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); +.-mb-4 { + margin-bottom: -1rem; } -.text-gray-200 { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); +.-ml-4 { + margin-left: -1rem; } -.text-gray-300 { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); +.-mt-5 { + margin-top: -1.25rem; } -.text-gray-400 { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); +.-mr-5 { + margin-right: -1.25rem; } -.text-gray-500 { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); +.-mb-5 { + margin-bottom: -1.25rem; } -.text-gray-600 { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); +.-ml-5 { + margin-left: -1.25rem; } -.text-gray-700 { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); +.-mt-6 { + margin-top: -1.5rem; } -.text-gray-800 { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); +.-mr-6 { + margin-right: -1.5rem; } -.text-gray-900 { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); +.-mb-6 { + margin-bottom: -1.5rem; } -.text-red-50 { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); +.-ml-6 { + margin-left: -1.5rem; } -.text-red-100 { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); +.-mt-7 { + margin-top: -1.75rem; } -.text-red-200 { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); +.-mr-7 { + margin-right: -1.75rem; } -.text-red-300 { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); +.-mb-7 { + margin-bottom: -1.75rem; } -.text-red-400 { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); +.-ml-7 { + margin-left: -1.75rem; } -.text-red-500 { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); +.-mt-8 { + margin-top: -2rem; } -.text-red-600 { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); +.-mr-8 { + margin-right: -2rem; } -.text-red-700 { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); +.-mb-8 { + margin-bottom: -2rem; } -.text-red-800 { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); +.-ml-8 { + margin-left: -2rem; } -.text-red-900 { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); +.-mt-9 { + margin-top: -2.25rem; } -.text-orange-50 { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); +.-mr-9 { + margin-right: -2.25rem; } -.text-orange-100 { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); +.-mb-9 { + margin-bottom: -2.25rem; } -.text-orange-200 { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); +.-ml-9 { + margin-left: -2.25rem; } -.text-orange-300 { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); +.-mt-10 { + margin-top: -2.5rem; } -.text-orange-400 { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); +.-mr-10 { + margin-right: -2.5rem; } -.text-orange-500 { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); +.-mb-10 { + margin-bottom: -2.5rem; } -.text-orange-600 { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); +.-ml-10 { + margin-left: -2.5rem; } -.text-orange-700 { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); +.-mt-11 { + margin-top: -2.75rem; } -.text-orange-800 { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); +.-mr-11 { + margin-right: -2.75rem; } -.text-orange-900 { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); +.-mb-11 { + margin-bottom: -2.75rem; } -.text-yellow-50 { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); +.-ml-11 { + margin-left: -2.75rem; } -.text-yellow-100 { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); +.-mt-12 { + margin-top: -3rem; } -.text-yellow-200 { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); +.-mr-12 { + margin-right: -3rem; } -.text-yellow-300 { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); +.-mb-12 { + margin-bottom: -3rem; } -.text-yellow-400 { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); +.-ml-12 { + margin-left: -3rem; } -.text-yellow-500 { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); +.-mt-13 { + margin-top: -3.25rem; } -.text-yellow-600 { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); +.-mr-13 { + margin-right: -3.25rem; } -.text-yellow-700 { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); +.-mb-13 { + margin-bottom: -3.25rem; } -.text-yellow-800 { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); +.-ml-13 { + margin-left: -3.25rem; } -.text-yellow-900 { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); +.-mt-14 { + margin-top: -3.5rem; } -.text-green-50 { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); +.-mr-14 { + margin-right: -3.5rem; } -.text-green-100 { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); +.-mb-14 { + margin-bottom: -3.5rem; } -.text-green-200 { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); +.-ml-14 { + margin-left: -3.5rem; } -.text-green-300 { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); +.-mt-15 { + margin-top: -3.75rem; } -.text-green-400 { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); +.-mr-15 { + margin-right: -3.75rem; } -.text-green-500 { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); +.-mb-15 { + margin-bottom: -3.75rem; } -.text-green-600 { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); +.-ml-15 { + margin-left: -3.75rem; } -.text-green-700 { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); +.-mt-16 { + margin-top: -4rem; } -.text-green-800 { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); +.-mr-16 { + margin-right: -4rem; } -.text-green-900 { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); +.-mb-16 { + margin-bottom: -4rem; } -.text-teal-50 { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); +.-ml-16 { + margin-left: -4rem; } -.text-teal-100 { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); +.-mt-20 { + margin-top: -5rem; } -.text-teal-200 { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); +.-mr-20 { + margin-right: -5rem; } -.text-teal-300 { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); +.-mb-20 { + margin-bottom: -5rem; } -.text-teal-400 { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); +.-ml-20 { + margin-left: -5rem; } -.text-teal-500 { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); +.-mt-24 { + margin-top: -6rem; } -.text-teal-600 { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); +.-mr-24 { + margin-right: -6rem; } -.text-teal-700 { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); +.-mb-24 { + margin-bottom: -6rem; } -.text-teal-800 { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); +.-ml-24 { + margin-left: -6rem; } -.text-teal-900 { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); +.-mt-28 { + margin-top: -7rem; } -.text-blue-50 { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); +.-mr-28 { + margin-right: -7rem; } -.text-blue-100 { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); +.-mb-28 { + margin-bottom: -7rem; } -.text-blue-200 { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); +.-ml-28 { + margin-left: -7rem; } -.text-blue-300 { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); +.-mt-32 { + margin-top: -8rem; } -.text-blue-400 { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); +.-mr-32 { + margin-right: -8rem; } -.text-blue-500 { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); +.-mb-32 { + margin-bottom: -8rem; } -.text-blue-600 { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); +.-ml-32 { + margin-left: -8rem; } -.text-blue-700 { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); +.-mt-36 { + margin-top: -9rem; } -.text-blue-800 { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); +.-mr-36 { + margin-right: -9rem; } -.text-blue-900 { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); +.-mb-36 { + margin-bottom: -9rem; } -.text-indigo-50 { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); +.-ml-36 { + margin-left: -9rem; } -.text-indigo-100 { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); +.-mt-40 { + margin-top: -10rem; } -.text-indigo-200 { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); +.-mr-40 { + margin-right: -10rem; } -.text-indigo-300 { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); +.-mb-40 { + margin-bottom: -10rem; } -.text-indigo-400 { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); +.-ml-40 { + margin-left: -10rem; } -.text-indigo-500 { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); +.-mt-44 { + margin-top: -11rem; } -.text-indigo-600 { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); +.-mr-44 { + margin-right: -11rem; } -.text-indigo-700 { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); +.-mb-44 { + margin-bottom: -11rem; } -.text-indigo-800 { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); +.-ml-44 { + margin-left: -11rem; } -.text-indigo-900 { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); +.-mt-48 { + margin-top: -12rem; } -.text-purple-50 { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); +.-mr-48 { + margin-right: -12rem; } -.text-purple-100 { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); +.-mb-48 { + margin-bottom: -12rem; } -.text-purple-200 { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); +.-ml-48 { + margin-left: -12rem; } -.text-purple-300 { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); +.-mt-52 { + margin-top: -13rem; } -.text-purple-400 { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); +.-mr-52 { + margin-right: -13rem; } -.text-purple-500 { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); +.-mb-52 { + margin-bottom: -13rem; } -.text-purple-600 { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); +.-ml-52 { + margin-left: -13rem; } -.text-purple-700 { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); +.-mt-56 { + margin-top: -14rem; } -.text-purple-800 { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); +.-mr-56 { + margin-right: -14rem; } -.text-purple-900 { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); +.-mb-56 { + margin-bottom: -14rem; } -.text-pink-50 { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); +.-ml-56 { + margin-left: -14rem; } -.text-pink-100 { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); +.-mt-60 { + margin-top: -15rem; } -.text-pink-200 { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); +.-mr-60 { + margin-right: -15rem; } -.text-pink-300 { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); +.-mb-60 { + margin-bottom: -15rem; } -.text-pink-400 { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); +.-ml-60 { + margin-left: -15rem; } -.text-pink-500 { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); +.-mt-64 { + margin-top: -16rem; } -.text-pink-600 { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); +.-mr-64 { + margin-right: -16rem; } -.text-pink-700 { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); +.-mb-64 { + margin-bottom: -16rem; } -.text-pink-800 { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); +.-ml-64 { + margin-left: -16rem; } -.text-pink-900 { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); +.-mt-72 { + margin-top: -18rem; } -.hover\:text-transparent:hover { - color: transparent; +.-mr-72 { + margin-right: -18rem; } -.hover\:text-current:hover { - color: currentColor; +.-mb-72 { + margin-bottom: -18rem; } -.hover\:text-black:hover { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); +.-ml-72 { + margin-left: -18rem; } -.hover\:text-white:hover { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); +.-mt-80 { + margin-top: -20rem; } -.hover\:text-gray-50:hover { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); +.-mr-80 { + margin-right: -20rem; } -.hover\:text-gray-100:hover { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); +.-mb-80 { + margin-bottom: -20rem; } -.hover\:text-gray-200:hover { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); +.-ml-80 { + margin-left: -20rem; } -.hover\:text-gray-300:hover { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); +.-mt-96 { + margin-top: -24rem; } -.hover\:text-gray-400:hover { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); +.-mr-96 { + margin-right: -24rem; } -.hover\:text-gray-500:hover { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); +.-mb-96 { + margin-bottom: -24rem; } -.hover\:text-gray-600:hover { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); +.-ml-96 { + margin-left: -24rem; } -.hover\:text-gray-700:hover { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); +.-mt-px { + margin-top: -1px; } -.hover\:text-gray-800:hover { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); +.-mr-px { + margin-right: -1px; } -.hover\:text-gray-900:hover { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); +.-mb-px { + margin-bottom: -1px; } -.hover\:text-red-50:hover { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); +.-ml-px { + margin-left: -1px; } -.hover\:text-red-100:hover { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); +.-mt-0\.5 { + margin-top: -0.125rem; } -.hover\:text-red-200:hover { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); +.-mr-0\.5 { + margin-right: -0.125rem; } -.hover\:text-red-300:hover { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); +.-mb-0\.5 { + margin-bottom: -0.125rem; } -.hover\:text-red-400:hover { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); +.-ml-0\.5 { + margin-left: -0.125rem; } -.hover\:text-red-500:hover { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); +.-mt-1\.5 { + margin-top: -0.375rem; } -.hover\:text-red-600:hover { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); +.-mr-1\.5 { + margin-right: -0.375rem; } -.hover\:text-red-700:hover { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); +.-mb-1\.5 { + margin-bottom: -0.375rem; } -.hover\:text-red-800:hover { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); +.-ml-1\.5 { + margin-left: -0.375rem; } -.hover\:text-red-900:hover { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); +.-mt-2\.5 { + margin-top: -0.625rem; } -.hover\:text-orange-50:hover { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); +.-mr-2\.5 { + margin-right: -0.625rem; } -.hover\:text-orange-100:hover { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); +.-mb-2\.5 { + margin-bottom: -0.625rem; } -.hover\:text-orange-200:hover { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); +.-ml-2\.5 { + margin-left: -0.625rem; } -.hover\:text-orange-300:hover { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); +.-mt-3\.5 { + margin-top: -0.875rem; } -.hover\:text-orange-400:hover { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); +.-mr-3\.5 { + margin-right: -0.875rem; } -.hover\:text-orange-500:hover { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); +.-mb-3\.5 { + margin-bottom: -0.875rem; } -.hover\:text-orange-600:hover { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); +.-ml-3\.5 { + margin-left: -0.875rem; } -.hover\:text-orange-700:hover { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); +.-mt-1\/2 { + margin-top: -50%; } -.hover\:text-orange-800:hover { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); +.-mr-1\/2 { + margin-right: -50%; } -.hover\:text-orange-900:hover { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); +.-mb-1\/2 { + margin-bottom: -50%; } -.hover\:text-yellow-50:hover { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); +.-ml-1\/2 { + margin-left: -50%; } -.hover\:text-yellow-100:hover { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); +.-mt-1\/3 { + margin-top: -33.33333%; } -.hover\:text-yellow-200:hover { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); +.-mr-1\/3 { + margin-right: -33.33333%; } -.hover\:text-yellow-300:hover { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); +.-mb-1\/3 { + margin-bottom: -33.33333%; } -.hover\:text-yellow-400:hover { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); +.-ml-1\/3 { + margin-left: -33.33333%; } -.hover\:text-yellow-500:hover { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); +.-mt-2\/3 { + margin-top: -66.66667%; } -.hover\:text-yellow-600:hover { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); +.-mr-2\/3 { + margin-right: -66.66667%; } -.hover\:text-yellow-700:hover { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); +.-mb-2\/3 { + margin-bottom: -66.66667%; } -.hover\:text-yellow-800:hover { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); +.-ml-2\/3 { + margin-left: -66.66667%; } -.hover\:text-yellow-900:hover { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); +.-mt-1\/4 { + margin-top: -25%; } -.hover\:text-green-50:hover { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); +.-mr-1\/4 { + margin-right: -25%; } -.hover\:text-green-100:hover { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); +.-mb-1\/4 { + margin-bottom: -25%; } -.hover\:text-green-200:hover { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); +.-ml-1\/4 { + margin-left: -25%; } -.hover\:text-green-300:hover { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); +.-mt-2\/4 { + margin-top: -50%; } -.hover\:text-green-400:hover { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); +.-mr-2\/4 { + margin-right: -50%; } -.hover\:text-green-500:hover { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); +.-mb-2\/4 { + margin-bottom: -50%; } -.hover\:text-green-600:hover { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); +.-ml-2\/4 { + margin-left: -50%; } -.hover\:text-green-700:hover { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); +.-mt-3\/4 { + margin-top: -75%; } -.hover\:text-green-800:hover { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); +.-mr-3\/4 { + margin-right: -75%; } -.hover\:text-green-900:hover { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); +.-mb-3\/4 { + margin-bottom: -75%; } -.hover\:text-teal-50:hover { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); +.-ml-3\/4 { + margin-left: -75%; } -.hover\:text-teal-100:hover { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); +.-mt-1\/5 { + margin-top: -20%; } -.hover\:text-teal-200:hover { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); +.-mr-1\/5 { + margin-right: -20%; } -.hover\:text-teal-300:hover { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); +.-mb-1\/5 { + margin-bottom: -20%; } -.hover\:text-teal-400:hover { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); +.-ml-1\/5 { + margin-left: -20%; } -.hover\:text-teal-500:hover { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); +.-mt-2\/5 { + margin-top: -40%; } -.hover\:text-teal-600:hover { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); +.-mr-2\/5 { + margin-right: -40%; } -.hover\:text-teal-700:hover { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); +.-mb-2\/5 { + margin-bottom: -40%; } -.hover\:text-teal-800:hover { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); +.-ml-2\/5 { + margin-left: -40%; } -.hover\:text-teal-900:hover { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); +.-mt-3\/5 { + margin-top: -60%; } -.hover\:text-blue-50:hover { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); +.-mr-3\/5 { + margin-right: -60%; } -.hover\:text-blue-100:hover { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); +.-mb-3\/5 { + margin-bottom: -60%; } -.hover\:text-blue-200:hover { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); +.-ml-3\/5 { + margin-left: -60%; } -.hover\:text-blue-300:hover { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); +.-mt-4\/5 { + margin-top: -80%; } -.hover\:text-blue-400:hover { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); +.-mr-4\/5 { + margin-right: -80%; } -.hover\:text-blue-500:hover { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); +.-mb-4\/5 { + margin-bottom: -80%; } -.hover\:text-blue-600:hover { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); +.-ml-4\/5 { + margin-left: -80%; } -.hover\:text-blue-700:hover { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); +.-mt-1\/6 { + margin-top: -16.66667%; } -.hover\:text-blue-800:hover { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); +.-mr-1\/6 { + margin-right: -16.66667%; } -.hover\:text-blue-900:hover { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); +.-mb-1\/6 { + margin-bottom: -16.66667%; } -.hover\:text-indigo-50:hover { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); +.-ml-1\/6 { + margin-left: -16.66667%; } -.hover\:text-indigo-100:hover { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); +.-mt-2\/6 { + margin-top: -33.33333%; } -.hover\:text-indigo-200:hover { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); +.-mr-2\/6 { + margin-right: -33.33333%; } -.hover\:text-indigo-300:hover { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); +.-mb-2\/6 { + margin-bottom: -33.33333%; } -.hover\:text-indigo-400:hover { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); +.-ml-2\/6 { + margin-left: -33.33333%; } -.hover\:text-indigo-500:hover { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); +.-mt-3\/6 { + margin-top: -50%; } -.hover\:text-indigo-600:hover { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); +.-mr-3\/6 { + margin-right: -50%; } -.hover\:text-indigo-700:hover { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); +.-mb-3\/6 { + margin-bottom: -50%; } -.hover\:text-indigo-800:hover { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); +.-ml-3\/6 { + margin-left: -50%; } -.hover\:text-indigo-900:hover { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); +.-mt-4\/6 { + margin-top: -66.66667%; } -.hover\:text-purple-50:hover { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); +.-mr-4\/6 { + margin-right: -66.66667%; } -.hover\:text-purple-100:hover { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); +.-mb-4\/6 { + margin-bottom: -66.66667%; } -.hover\:text-purple-200:hover { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); +.-ml-4\/6 { + margin-left: -66.66667%; } -.hover\:text-purple-300:hover { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); +.-mt-5\/6 { + margin-top: -83.33333%; } -.hover\:text-purple-400:hover { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); +.-mr-5\/6 { + margin-right: -83.33333%; } -.hover\:text-purple-500:hover { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); +.-mb-5\/6 { + margin-bottom: -83.33333%; } -.hover\:text-purple-600:hover { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); +.-ml-5\/6 { + margin-left: -83.33333%; } -.hover\:text-purple-700:hover { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); +.-mt-1\/12 { + margin-top: -8.33333%; } -.hover\:text-purple-800:hover { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); +.-mr-1\/12 { + margin-right: -8.33333%; } -.hover\:text-purple-900:hover { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); +.-mb-1\/12 { + margin-bottom: -8.33333%; } -.hover\:text-pink-50:hover { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); +.-ml-1\/12 { + margin-left: -8.33333%; } -.hover\:text-pink-100:hover { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); +.-mt-2\/12 { + margin-top: -16.66667%; } -.hover\:text-pink-200:hover { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); +.-mr-2\/12 { + margin-right: -16.66667%; } -.hover\:text-pink-300:hover { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); +.-mb-2\/12 { + margin-bottom: -16.66667%; } -.hover\:text-pink-400:hover { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); +.-ml-2\/12 { + margin-left: -16.66667%; } -.hover\:text-pink-500:hover { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); +.-mt-3\/12 { + margin-top: -25%; } -.hover\:text-pink-600:hover { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); +.-mr-3\/12 { + margin-right: -25%; } -.hover\:text-pink-700:hover { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); +.-mb-3\/12 { + margin-bottom: -25%; } -.hover\:text-pink-800:hover { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); +.-ml-3\/12 { + margin-left: -25%; } -.hover\:text-pink-900:hover { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); +.-mt-4\/12 { + margin-top: -33.33333%; } -.focus\:text-transparent:focus { - color: transparent; +.-mr-4\/12 { + margin-right: -33.33333%; } -.focus\:text-current:focus { - color: currentColor; +.-mb-4\/12 { + margin-bottom: -33.33333%; } -.focus\:text-black:focus { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); +.-ml-4\/12 { + margin-left: -33.33333%; } -.focus\:text-white:focus { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); +.-mt-5\/12 { + margin-top: -41.66667%; } -.focus\:text-gray-50:focus { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); +.-mr-5\/12 { + margin-right: -41.66667%; } -.focus\:text-gray-100:focus { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); +.-mb-5\/12 { + margin-bottom: -41.66667%; } -.focus\:text-gray-200:focus { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); +.-ml-5\/12 { + margin-left: -41.66667%; } -.focus\:text-gray-300:focus { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); +.-mt-6\/12 { + margin-top: -50%; } -.focus\:text-gray-400:focus { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); +.-mr-6\/12 { + margin-right: -50%; } -.focus\:text-gray-500:focus { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); +.-mb-6\/12 { + margin-bottom: -50%; } -.focus\:text-gray-600:focus { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); +.-ml-6\/12 { + margin-left: -50%; } -.focus\:text-gray-700:focus { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); +.-mt-7\/12 { + margin-top: -58.33333%; } -.focus\:text-gray-800:focus { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); +.-mr-7\/12 { + margin-right: -58.33333%; } -.focus\:text-gray-900:focus { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); +.-mb-7\/12 { + margin-bottom: -58.33333%; } -.focus\:text-red-50:focus { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); +.-ml-7\/12 { + margin-left: -58.33333%; } -.focus\:text-red-100:focus { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); +.-mt-8\/12 { + margin-top: -66.66667%; } -.focus\:text-red-200:focus { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); +.-mr-8\/12 { + margin-right: -66.66667%; } -.focus\:text-red-300:focus { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); +.-mb-8\/12 { + margin-bottom: -66.66667%; } -.focus\:text-red-400:focus { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); +.-ml-8\/12 { + margin-left: -66.66667%; } -.focus\:text-red-500:focus { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); +.-mt-9\/12 { + margin-top: -75%; } -.focus\:text-red-600:focus { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); +.-mr-9\/12 { + margin-right: -75%; } -.focus\:text-red-700:focus { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); +.-mb-9\/12 { + margin-bottom: -75%; } -.focus\:text-red-800:focus { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); +.-ml-9\/12 { + margin-left: -75%; } -.focus\:text-red-900:focus { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); +.-mt-10\/12 { + margin-top: -83.33333%; } -.focus\:text-orange-50:focus { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); +.-mr-10\/12 { + margin-right: -83.33333%; } -.focus\:text-orange-100:focus { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); +.-mb-10\/12 { + margin-bottom: -83.33333%; } -.focus\:text-orange-200:focus { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); +.-ml-10\/12 { + margin-left: -83.33333%; } -.focus\:text-orange-300:focus { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); +.-mt-11\/12 { + margin-top: -91.66667%; } -.focus\:text-orange-400:focus { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); +.-mr-11\/12 { + margin-right: -91.66667%; } -.focus\:text-orange-500:focus { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); +.-mb-11\/12 { + margin-bottom: -91.66667%; } -.focus\:text-orange-600:focus { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); +.-ml-11\/12 { + margin-left: -91.66667%; } -.focus\:text-orange-700:focus { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); +.-mt-full { + margin-top: -100%; } -.focus\:text-orange-800:focus { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); +.-mr-full { + margin-right: -100%; } -.focus\:text-orange-900:focus { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); +.-mb-full { + margin-bottom: -100%; } -.focus\:text-yellow-50:focus { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); +.-ml-full { + margin-left: -100%; } -.focus\:text-yellow-100:focus { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); +.max-h-0 { + max-height: 0; } -.focus\:text-yellow-200:focus { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); +.max-h-1 { + max-height: 0.25rem; } -.focus\:text-yellow-300:focus { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); +.max-h-2 { + max-height: 0.5rem; } -.focus\:text-yellow-400:focus { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); +.max-h-3 { + max-height: 0.75rem; } -.focus\:text-yellow-500:focus { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); +.max-h-4 { + max-height: 1rem; } -.focus\:text-yellow-600:focus { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); +.max-h-5 { + max-height: 1.25rem; } -.focus\:text-yellow-700:focus { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); +.max-h-6 { + max-height: 1.5rem; } -.focus\:text-yellow-800:focus { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); +.max-h-7 { + max-height: 1.75rem; } -.focus\:text-yellow-900:focus { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); +.max-h-8 { + max-height: 2rem; } -.focus\:text-green-50:focus { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); +.max-h-9 { + max-height: 2.25rem; } -.focus\:text-green-100:focus { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); +.max-h-10 { + max-height: 2.5rem; } -.focus\:text-green-200:focus { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); +.max-h-11 { + max-height: 2.75rem; } -.focus\:text-green-300:focus { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); +.max-h-12 { + max-height: 3rem; } -.focus\:text-green-400:focus { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); +.max-h-13 { + max-height: 3.25rem; } -.focus\:text-green-500:focus { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); +.max-h-14 { + max-height: 3.5rem; } -.focus\:text-green-600:focus { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); +.max-h-15 { + max-height: 3.75rem; } -.focus\:text-green-700:focus { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); +.max-h-16 { + max-height: 4rem; } -.focus\:text-green-800:focus { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); +.max-h-20 { + max-height: 5rem; } -.focus\:text-green-900:focus { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); +.max-h-24 { + max-height: 6rem; } -.focus\:text-teal-50:focus { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); +.max-h-28 { + max-height: 7rem; } -.focus\:text-teal-100:focus { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); +.max-h-32 { + max-height: 8rem; } -.focus\:text-teal-200:focus { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); +.max-h-36 { + max-height: 9rem; } -.focus\:text-teal-300:focus { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); +.max-h-40 { + max-height: 10rem; } -.focus\:text-teal-400:focus { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); +.max-h-44 { + max-height: 11rem; } -.focus\:text-teal-500:focus { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); +.max-h-48 { + max-height: 12rem; } -.focus\:text-teal-600:focus { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); +.max-h-52 { + max-height: 13rem; } -.focus\:text-teal-700:focus { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); +.max-h-56 { + max-height: 14rem; } -.focus\:text-teal-800:focus { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); +.max-h-60 { + max-height: 15rem; } -.focus\:text-teal-900:focus { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); +.max-h-64 { + max-height: 16rem; } -.focus\:text-blue-50:focus { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); +.max-h-72 { + max-height: 18rem; } -.focus\:text-blue-100:focus { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); +.max-h-80 { + max-height: 20rem; } -.focus\:text-blue-200:focus { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); +.max-h-96 { + max-height: 24rem; } -.focus\:text-blue-300:focus { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); +.max-h-screen { + max-height: 100vh; } -.focus\:text-blue-400:focus { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); +.max-h-px { + max-height: 1px; } -.focus\:text-blue-500:focus { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); +.max-h-0\.5 { + max-height: 0.125rem; } -.focus\:text-blue-600:focus { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); +.max-h-1\.5 { + max-height: 0.375rem; } -.focus\:text-blue-700:focus { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); +.max-h-2\.5 { + max-height: 0.625rem; } -.focus\:text-blue-800:focus { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); +.max-h-3\.5 { + max-height: 0.875rem; } -.focus\:text-blue-900:focus { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); +.max-h-1\/2 { + max-height: 50%; } -.focus\:text-indigo-50:focus { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); +.max-h-1\/3 { + max-height: 33.333333%; } -.focus\:text-indigo-100:focus { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); +.max-h-2\/3 { + max-height: 66.666667%; } -.focus\:text-indigo-200:focus { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); +.max-h-1\/4 { + max-height: 25%; } -.focus\:text-indigo-300:focus { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); +.max-h-2\/4 { + max-height: 50%; } -.focus\:text-indigo-400:focus { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); +.max-h-3\/4 { + max-height: 75%; } -.focus\:text-indigo-500:focus { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); +.max-h-1\/5 { + max-height: 20%; } -.focus\:text-indigo-600:focus { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); +.max-h-2\/5 { + max-height: 40%; } -.focus\:text-indigo-700:focus { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); +.max-h-3\/5 { + max-height: 60%; } -.focus\:text-indigo-800:focus { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); +.max-h-4\/5 { + max-height: 80%; } -.focus\:text-indigo-900:focus { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); +.max-h-1\/6 { + max-height: 16.666667%; } -.focus\:text-purple-50:focus { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); +.max-h-2\/6 { + max-height: 33.333333%; } -.focus\:text-purple-100:focus { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); +.max-h-3\/6 { + max-height: 50%; } -.focus\:text-purple-200:focus { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); +.max-h-4\/6 { + max-height: 66.666667%; } -.focus\:text-purple-300:focus { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); +.max-h-5\/6 { + max-height: 83.333333%; } -.focus\:text-purple-400:focus { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); +.max-h-1\/12 { + max-height: 8.333333%; } -.focus\:text-purple-500:focus { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); +.max-h-2\/12 { + max-height: 16.666667%; } -.focus\:text-purple-600:focus { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); +.max-h-3\/12 { + max-height: 25%; } -.focus\:text-purple-700:focus { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); +.max-h-4\/12 { + max-height: 33.333333%; } -.focus\:text-purple-800:focus { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); +.max-h-5\/12 { + max-height: 41.666667%; } -.focus\:text-purple-900:focus { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); +.max-h-6\/12 { + max-height: 50%; } -.focus\:text-pink-50:focus { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); +.max-h-7\/12 { + max-height: 58.333333%; } -.focus\:text-pink-100:focus { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); +.max-h-8\/12 { + max-height: 66.666667%; } -.focus\:text-pink-200:focus { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); +.max-h-9\/12 { + max-height: 75%; } -.focus\:text-pink-300:focus { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); +.max-h-10\/12 { + max-height: 83.333333%; } -.focus\:text-pink-400:focus { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); +.max-h-11\/12 { + max-height: 91.666667%; } -.focus\:text-pink-500:focus { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); +.max-h-full { + max-height: 100%; } -.focus\:text-pink-600:focus { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); +.max-w-0 { + max-width: 0rem; } -.focus\:text-pink-700:focus { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); +.max-w-none { + max-width: none; } -.focus\:text-pink-800:focus { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); +.max-w-xs { + max-width: 20rem; } -.focus\:text-pink-900:focus { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); +.max-w-sm { + max-width: 24rem; } -.text-opacity-0 { - --text-opacity: 0; +.max-w-md { + max-width: 28rem; } -.text-opacity-25 { - --text-opacity: 0.25; +.max-w-lg { + max-width: 32rem; } -.text-opacity-50 { - --text-opacity: 0.5; +.max-w-xl { + max-width: 36rem; } -.text-opacity-75 { - --text-opacity: 0.75; +.max-w-2xl { + max-width: 42rem; } -.text-opacity-100 { - --text-opacity: 1; +.max-w-3xl { + max-width: 48rem; } -.hover\:text-opacity-0:hover { - --text-opacity: 0; +.max-w-4xl { + max-width: 56rem; } -.hover\:text-opacity-25:hover { - --text-opacity: 0.25; +.max-w-5xl { + max-width: 64rem; } -.hover\:text-opacity-50:hover { - --text-opacity: 0.5; +.max-w-6xl { + max-width: 72rem; } -.hover\:text-opacity-75:hover { - --text-opacity: 0.75; +.max-w-7xl { + max-width: 80rem; } -.hover\:text-opacity-100:hover { - --text-opacity: 1; +.max-w-full { + max-width: 100%; } -.focus\:text-opacity-0:focus { - --text-opacity: 0; +.max-w-min-content { + max-width: min-content; } -.focus\:text-opacity-25:focus { - --text-opacity: 0.25; +.max-w-max-content { + max-width: max-content; } -.focus\:text-opacity-50:focus { - --text-opacity: 0.5; +.max-w-screen-sm { + max-width: 640px; } -.focus\:text-opacity-75:focus { - --text-opacity: 0.75; +.max-w-screen-md { + max-width: 768px; } -.focus\:text-opacity-100:focus { - --text-opacity: 1; +.max-w-screen-lg { + max-width: 1024px; } -.italic { - font-style: italic; +.max-w-screen-xl { + max-width: 1280px; } -.not-italic { - font-style: normal; +.min-h-0 { + min-height: 0; } -.uppercase { - text-transform: uppercase; +.min-h-full { + min-height: 100%; } -.lowercase { - text-transform: lowercase; +.min-h-screen { + min-height: 100vh; } -.capitalize { - text-transform: capitalize; +.min-w-0 { + min-width: 0; } -.normal-case { - text-transform: none; +.min-w-full { + min-width: 100%; } -.underline { - text-decoration: underline; +.min-w-min-content { + min-width: min-content; } -.line-through { - text-decoration: line-through; +.min-w-max-content { + min-width: max-content; } -.no-underline { - text-decoration: none; +.object-contain { + object-fit: contain; } -.hover\:underline:hover { - text-decoration: underline; +.object-cover { + object-fit: cover; } -.hover\:line-through:hover { - text-decoration: line-through; +.object-fill { + object-fit: fill; } -.hover\:no-underline:hover { - text-decoration: none; +.object-none { + object-fit: none; } -.focus\:underline:focus { - text-decoration: underline; +.object-scale-down { + object-fit: scale-down; } -.focus\:line-through:focus { - text-decoration: line-through; +.object-bottom { + object-position: bottom; } -.focus\:no-underline:focus { - text-decoration: none; +.object-center { + object-position: center; } -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.object-left { + object-position: left; } -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.object-left-bottom { + object-position: left bottom; } -.tracking-tighter { - letter-spacing: -0.05em; +.object-left-top { + object-position: left top; } -.tracking-tight { - letter-spacing: -0.025em; +.object-right { + object-position: right; } -.tracking-normal { - letter-spacing: 0; +.object-right-bottom { + object-position: right bottom; } -.tracking-wide { - letter-spacing: 0.025em; +.object-right-top { + object-position: right top; } -.tracking-wider { - letter-spacing: 0.05em; +.object-top { + object-position: top; } -.tracking-widest { - letter-spacing: 0.1em; +.opacity-0 { + opacity: 0; } -.select-none { - user-select: none; +.opacity-25 { + opacity: 0.25; } -.select-text { - user-select: text; +.opacity-50 { + opacity: 0.5; } -.select-all { - user-select: all; +.opacity-75 { + opacity: 0.75; } -.select-auto { - user-select: auto; +.opacity-100 { + opacity: 1; } -.align-baseline { - vertical-align: baseline; +.hover\:opacity-0:hover { + opacity: 0; } -.align-top { - vertical-align: top; +.hover\:opacity-25:hover { + opacity: 0.25; } -.align-middle { - vertical-align: middle; +.hover\:opacity-50:hover { + opacity: 0.5; } -.align-bottom { - vertical-align: bottom; +.hover\:opacity-75:hover { + opacity: 0.75; } -.align-text-top { - vertical-align: text-top; +.hover\:opacity-100:hover { + opacity: 1; } -.align-text-bottom { - vertical-align: text-bottom; +.focus\:opacity-0:focus { + opacity: 0; } -.visible { - visibility: visible; +.focus\:opacity-25:focus { + opacity: 0.25; } -.invisible { - visibility: hidden; +.focus\:opacity-50:focus { + opacity: 0.5; } -.whitespace-normal { - white-space: normal; +.focus\:opacity-75:focus { + opacity: 0.75; } -.whitespace-no-wrap { - white-space: nowrap; +.focus\:opacity-100:focus { + opacity: 1; } -.whitespace-pre { - white-space: pre; +.outline-none { + outline: 0; } -.whitespace-pre-line { - white-space: pre-line; +.focus\:outline-none:focus { + outline: 0; } -.whitespace-pre-wrap { - white-space: pre-wrap; +.overflow-auto { + overflow: auto; } -.break-normal { - overflow-wrap: normal; - word-break: normal; +.overflow-hidden { + overflow: hidden; } -.break-words { - overflow-wrap: break-word; +.overflow-visible { + overflow: visible; } -.break-all { - word-break: break-all; +.overflow-scroll { + overflow: scroll; } -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.overflow-x-auto { + overflow-x: auto; } -.w-0 { - width: 0; +.overflow-y-auto { + overflow-y: auto; } -.w-1 { - width: 0.25rem; +.overflow-x-hidden { + overflow-x: hidden; } -.w-2 { - width: 0.5rem; +.overflow-y-hidden { + overflow-y: hidden; } -.w-3 { - width: 0.75rem; +.overflow-x-visible { + overflow-x: visible; } -.w-4 { - width: 1rem; +.overflow-y-visible { + overflow-y: visible; } -.w-5 { - width: 1.25rem; +.overflow-x-scroll { + overflow-x: scroll; } -.w-6 { - width: 1.5rem; +.overflow-y-scroll { + overflow-y: scroll; } -.w-7 { - width: 1.75rem; +.scrolling-touch { + -webkit-overflow-scrolling: touch; } -.w-8 { - width: 2rem; +.scrolling-auto { + -webkit-overflow-scrolling: auto; } -.w-9 { - width: 2.25rem; +.overscroll-auto { + overscroll-behavior: auto; } -.w-10 { - width: 2.5rem; +.overscroll-contain { + overscroll-behavior: contain; } -.w-11 { - width: 2.75rem; +.overscroll-none { + overscroll-behavior: none; } -.w-12 { - width: 3rem; +.overscroll-y-auto { + overscroll-behavior-y: auto; } -.w-13 { - width: 3.25rem; +.overscroll-y-contain { + overscroll-behavior-y: contain; } -.w-14 { - width: 3.5rem; +.overscroll-y-none { + overscroll-behavior-y: none; } -.w-15 { - width: 3.75rem; +.overscroll-x-auto { + overscroll-behavior-x: auto; } -.w-16 { - width: 4rem; +.overscroll-x-contain { + overscroll-behavior-x: contain; } -.w-20 { - width: 5rem; +.overscroll-x-none { + overscroll-behavior-x: none; } -.w-24 { - width: 6rem; +.p-0 { + padding: 0; } -.w-28 { - width: 7rem; +.p-1 { + padding: 0.25rem; } -.w-32 { - width: 8rem; +.p-2 { + padding: 0.5rem; } -.w-36 { - width: 9rem; +.p-3 { + padding: 0.75rem; } -.w-40 { - width: 10rem; +.p-4 { + padding: 1rem; } -.w-44 { - width: 11rem; +.p-5 { + padding: 1.25rem; } -.w-48 { - width: 12rem; +.p-6 { + padding: 1.5rem; } -.w-52 { - width: 13rem; +.p-7 { + padding: 1.75rem; } -.w-56 { - width: 14rem; +.p-8 { + padding: 2rem; } -.w-60 { - width: 15rem; +.p-9 { + padding: 2.25rem; } -.w-64 { - width: 16rem; +.p-10 { + padding: 2.5rem; } -.w-72 { - width: 18rem; +.p-11 { + padding: 2.75rem; } -.w-80 { - width: 20rem; +.p-12 { + padding: 3rem; } -.w-96 { - width: 24rem; +.p-13 { + padding: 3.25rem; } -.w-auto { - width: auto; +.p-14 { + padding: 3.5rem; } -.w-px { - width: 1px; +.p-15 { + padding: 3.75rem; } -.w-0\.5 { - width: 0.125rem; +.p-16 { + padding: 4rem; } -.w-1\.5 { - width: 0.375rem; +.p-20 { + padding: 5rem; } -.w-2\.5 { - width: 0.625rem; +.p-24 { + padding: 6rem; } -.w-3\.5 { - width: 0.875rem; +.p-28 { + padding: 7rem; } -.w-1\/2 { - width: 50%; +.p-32 { + padding: 8rem; } -.w-1\/3 { - width: 33.333333%; +.p-36 { + padding: 9rem; } -.w-2\/3 { - width: 66.666667%; +.p-40 { + padding: 10rem; } -.w-1\/4 { - width: 25%; +.p-44 { + padding: 11rem; } -.w-2\/4 { - width: 50%; +.p-48 { + padding: 12rem; } -.w-3\/4 { - width: 75%; +.p-52 { + padding: 13rem; } -.w-1\/5 { - width: 20%; +.p-56 { + padding: 14rem; } -.w-2\/5 { - width: 40%; +.p-60 { + padding: 15rem; } -.w-3\/5 { - width: 60%; +.p-64 { + padding: 16rem; } -.w-4\/5 { - width: 80%; +.p-72 { + padding: 18rem; } -.w-1\/6 { - width: 16.666667%; +.p-80 { + padding: 20rem; } -.w-2\/6 { - width: 33.333333%; +.p-96 { + padding: 24rem; } -.w-3\/6 { - width: 50%; +.p-px { + padding: 1px; } -.w-4\/6 { - width: 66.666667%; +.p-0\.5 { + padding: 0.125rem; } -.w-5\/6 { - width: 83.333333%; +.p-1\.5 { + padding: 0.375rem; } -.w-1\/12 { - width: 8.333333%; +.p-2\.5 { + padding: 0.625rem; } -.w-2\/12 { - width: 16.666667%; +.p-3\.5 { + padding: 0.875rem; } -.w-3\/12 { - width: 25%; +.p-1\/2 { + padding: 50%; } -.w-4\/12 { - width: 33.333333%; +.p-1\/3 { + padding: 33.333333%; } -.w-5\/12 { - width: 41.666667%; +.p-2\/3 { + padding: 66.666667%; } -.w-6\/12 { - width: 50%; +.p-1\/4 { + padding: 25%; } -.w-7\/12 { - width: 58.333333%; +.p-2\/4 { + padding: 50%; } -.w-8\/12 { - width: 66.666667%; +.p-3\/4 { + padding: 75%; } -.w-9\/12 { - width: 75%; +.p-1\/5 { + padding: 20%; } -.w-10\/12 { - width: 83.333333%; +.p-2\/5 { + padding: 40%; } -.w-11\/12 { - width: 91.666667%; +.p-3\/5 { + padding: 60%; } -.w-full { - width: 100%; +.p-4\/5 { + padding: 80%; } -.w-screen { - width: 100vw; +.p-1\/6 { + padding: 16.666667%; } -.w-min-content { - width: min-content; +.p-2\/6 { + padding: 33.333333%; } -.w-max-content { - width: max-content; +.p-3\/6 { + padding: 50%; } -.z-0 { - z-index: 0; +.p-4\/6 { + padding: 66.666667%; } -.z-10 { - z-index: 10; +.p-5\/6 { + padding: 83.333333%; } -.z-20 { - z-index: 20; +.p-1\/12 { + padding: 8.333333%; } -.z-30 { - z-index: 30; +.p-2\/12 { + padding: 16.666667%; } -.z-40 { - z-index: 40; +.p-3\/12 { + padding: 25%; } -.z-50 { - z-index: 50; +.p-4\/12 { + padding: 33.333333%; } -.z-auto { - z-index: auto; +.p-5\/12 { + padding: 41.666667%; } -.gap-0 { - grid-gap: 0; - gap: 0; +.p-6\/12 { + padding: 50%; } -.gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; +.p-7\/12 { + padding: 58.333333%; } -.gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; +.p-8\/12 { + padding: 66.666667%; } -.gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; +.p-9\/12 { + padding: 75%; } -.gap-4 { - grid-gap: 1rem; - gap: 1rem; +.p-10\/12 { + padding: 83.333333%; } -.gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; +.p-11\/12 { + padding: 91.666667%; } -.gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; +.p-full { + padding: 100%; } -.gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; +.py-0 { + padding-top: 0; + padding-bottom: 0; } -.gap-8 { - grid-gap: 2rem; - gap: 2rem; +.px-0 { + padding-left: 0; + padding-right: 0; } -.gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.gap-11 { - grid-gap: 2.75rem; - gap: 2.75rem; +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.gap-12 { - grid-gap: 3rem; - gap: 3rem; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } -.gap-13 { - grid-gap: 3.25rem; - gap: 3.25rem; +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } -.gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.gap-15 { - grid-gap: 3.75rem; - gap: 3.75rem; +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } -.gap-16 { - grid-gap: 4rem; - gap: 4rem; +.px-4 { + padding-left: 1rem; + padding-right: 1rem; } -.gap-20 { - grid-gap: 5rem; - gap: 5rem; +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } -.gap-24 { - grid-gap: 6rem; - gap: 6rem; +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } -.gap-28 { - grid-gap: 7rem; - gap: 7rem; +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } -.gap-32 { - grid-gap: 8rem; - gap: 8rem; +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } -.gap-36 { - grid-gap: 9rem; - gap: 9rem; +.py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } -.gap-40 { - grid-gap: 10rem; - gap: 10rem; +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } -.gap-44 { - grid-gap: 11rem; - gap: 11rem; +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } -.gap-48 { - grid-gap: 12rem; - gap: 12rem; +.px-8 { + padding-left: 2rem; + padding-right: 2rem; } -.gap-52 { - grid-gap: 13rem; - gap: 13rem; +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } -.gap-56 { - grid-gap: 14rem; - gap: 14rem; +.px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } -.gap-60 { - grid-gap: 15rem; - gap: 15rem; +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } -.gap-64 { - grid-gap: 16rem; - gap: 16rem; +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } -.gap-72 { - grid-gap: 18rem; - gap: 18rem; +.py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } -.gap-80 { - grid-gap: 20rem; - gap: 20rem; +.px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } -.gap-96 { - grid-gap: 24rem; - gap: 24rem; +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } -.gap-px { - grid-gap: 1px; - gap: 1px; +.px-12 { + padding-left: 3rem; + padding-right: 3rem; } -.gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; +.py-13 { + padding-top: 3.25rem; + padding-bottom: 3.25rem; } -.gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; +.px-13 { + padding-left: 3.25rem; + padding-right: 3.25rem; } -.gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; +.py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } -.gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } -.gap-1\/2 { - grid-gap: 50%; - gap: 50%; +.py-15 { + padding-top: 3.75rem; + padding-bottom: 3.75rem; } -.gap-1\/3 { - grid-gap: 33.333333%; - gap: 33.333333%; +.px-15 { + padding-left: 3.75rem; + padding-right: 3.75rem; } -.gap-2\/3 { - grid-gap: 66.666667%; - gap: 66.666667%; +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } -.gap-1\/4 { - grid-gap: 25%; - gap: 25%; +.px-16 { + padding-left: 4rem; + padding-right: 4rem; } -.gap-2\/4 { - grid-gap: 50%; - gap: 50%; +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } -.gap-3\/4 { - grid-gap: 75%; - gap: 75%; +.px-20 { + padding-left: 5rem; + padding-right: 5rem; } -.gap-1\/5 { - grid-gap: 20%; - gap: 20%; +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } -.gap-2\/5 { - grid-gap: 40%; - gap: 40%; +.px-24 { + padding-left: 6rem; + padding-right: 6rem; } -.gap-3\/5 { - grid-gap: 60%; - gap: 60%; +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } -.gap-4\/5 { - grid-gap: 80%; - gap: 80%; +.px-28 { + padding-left: 7rem; + padding-right: 7rem; } -.gap-1\/6 { - grid-gap: 16.666667%; - gap: 16.666667%; +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } -.gap-2\/6 { - grid-gap: 33.333333%; - gap: 33.333333%; +.px-32 { + padding-left: 8rem; + padding-right: 8rem; } -.gap-3\/6 { - grid-gap: 50%; - gap: 50%; +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } -.gap-4\/6 { - grid-gap: 66.666667%; - gap: 66.666667%; +.px-36 { + padding-left: 9rem; + padding-right: 9rem; } -.gap-5\/6 { - grid-gap: 83.333333%; - gap: 83.333333%; +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } -.gap-1\/12 { - grid-gap: 8.333333%; - gap: 8.333333%; +.px-40 { + padding-left: 10rem; + padding-right: 10rem; } -.gap-2\/12 { - grid-gap: 16.666667%; - gap: 16.666667%; +.py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } -.gap-3\/12 { - grid-gap: 25%; - gap: 25%; +.px-44 { + padding-left: 11rem; + padding-right: 11rem; } -.gap-4\/12 { - grid-gap: 33.333333%; - gap: 33.333333%; +.py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } -.gap-5\/12 { - grid-gap: 41.666667%; - gap: 41.666667%; +.px-48 { + padding-left: 12rem; + padding-right: 12rem; } -.gap-6\/12 { - grid-gap: 50%; - gap: 50%; +.py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } -.gap-7\/12 { - grid-gap: 58.333333%; - gap: 58.333333%; +.px-52 { + padding-left: 13rem; + padding-right: 13rem; } -.gap-8\/12 { - grid-gap: 66.666667%; - gap: 66.666667%; +.py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } -.gap-9\/12 { - grid-gap: 75%; - gap: 75%; +.px-56 { + padding-left: 14rem; + padding-right: 14rem; } -.gap-10\/12 { - grid-gap: 83.333333%; - gap: 83.333333%; +.py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } -.gap-11\/12 { - grid-gap: 91.666667%; - gap: 91.666667%; +.px-60 { + padding-left: 15rem; + padding-right: 15rem; } -.gap-full { - grid-gap: 100%; - gap: 100%; +.py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } -.gap-x-0 { - grid-column-gap: 0; - column-gap: 0; +.px-64 { + padding-left: 16rem; + padding-right: 16rem; } -.gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; +.py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } -.gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; +.px-72 { + padding-left: 18rem; + padding-right: 18rem; } -.gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; +.py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } -.gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; +.px-80 { + padding-left: 20rem; + padding-right: 20rem; } -.gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; +.py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } -.gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; +.px-96 { + padding-left: 24rem; + padding-right: 24rem; } -.gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; +.py-px { + padding-top: 1px; + padding-bottom: 1px; } -.gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; +.px-px { + padding-left: 1px; + padding-right: 1px; } -.gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } -.gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } -.gap-x-11 { - grid-column-gap: 2.75rem; - column-gap: 2.75rem; +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } -.gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } -.gap-x-13 { - grid-column-gap: 3.25rem; - column-gap: 3.25rem; +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } -.gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } -.gap-x-15 { - grid-column-gap: 3.75rem; - column-gap: 3.75rem; +.py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } -.gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } -.gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; +.py-1\/2 { + padding-top: 50%; + padding-bottom: 50%; } -.gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; +.px-1\/2 { + padding-left: 50%; + padding-right: 50%; } -.gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; +.py-1\/3 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } -.gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; +.px-1\/3 { + padding-left: 33.333333%; + padding-right: 33.333333%; } -.gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; +.py-2\/3 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } -.gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; +.px-2\/3 { + padding-left: 66.666667%; + padding-right: 66.666667%; } -.gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; +.py-1\/4 { + padding-top: 25%; + padding-bottom: 25%; } -.gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; +.px-1\/4 { + padding-left: 25%; + padding-right: 25%; } -.gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; +.py-2\/4 { + padding-top: 50%; + padding-bottom: 50%; } -.gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; +.px-2\/4 { + padding-left: 50%; + padding-right: 50%; } -.gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; +.py-3\/4 { + padding-top: 75%; + padding-bottom: 75%; } -.gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; +.px-3\/4 { + padding-left: 75%; + padding-right: 75%; } -.gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; +.py-1\/5 { + padding-top: 20%; + padding-bottom: 20%; } -.gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; +.px-1\/5 { + padding-left: 20%; + padding-right: 20%; } -.gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; +.py-2\/5 { + padding-top: 40%; + padding-bottom: 40%; } -.gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; +.px-2\/5 { + padding-left: 40%; + padding-right: 40%; } -.gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; +.py-3\/5 { + padding-top: 60%; + padding-bottom: 60%; } -.gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; +.px-3\/5 { + padding-left: 60%; + padding-right: 60%; } -.gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; +.py-4\/5 { + padding-top: 80%; + padding-bottom: 80%; } -.gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; +.px-4\/5 { + padding-left: 80%; + padding-right: 80%; } -.gap-x-1\/2 { - grid-column-gap: 50%; - column-gap: 50%; +.py-1\/6 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } -.gap-x-1\/3 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; +.px-1\/6 { + padding-left: 16.666667%; + padding-right: 16.666667%; } -.gap-x-2\/3 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; -} +.py-2\/6 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; +} -.gap-x-1\/4 { - grid-column-gap: 25%; - column-gap: 25%; +.px-2\/6 { + padding-left: 33.333333%; + padding-right: 33.333333%; } -.gap-x-2\/4 { - grid-column-gap: 50%; - column-gap: 50%; +.py-3\/6 { + padding-top: 50%; + padding-bottom: 50%; } -.gap-x-3\/4 { - grid-column-gap: 75%; - column-gap: 75%; +.px-3\/6 { + padding-left: 50%; + padding-right: 50%; } -.gap-x-1\/5 { - grid-column-gap: 20%; - column-gap: 20%; +.py-4\/6 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } -.gap-x-2\/5 { - grid-column-gap: 40%; - column-gap: 40%; +.px-4\/6 { + padding-left: 66.666667%; + padding-right: 66.666667%; } -.gap-x-3\/5 { - grid-column-gap: 60%; - column-gap: 60%; +.py-5\/6 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } -.gap-x-4\/5 { - grid-column-gap: 80%; - column-gap: 80%; +.px-5\/6 { + padding-left: 83.333333%; + padding-right: 83.333333%; } -.gap-x-1\/6 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; +.py-1\/12 { + padding-top: 8.333333%; + padding-bottom: 8.333333%; } -.gap-x-2\/6 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; +.px-1\/12 { + padding-left: 8.333333%; + padding-right: 8.333333%; } -.gap-x-3\/6 { - grid-column-gap: 50%; - column-gap: 50%; +.py-2\/12 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } -.gap-x-4\/6 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; +.px-2\/12 { + padding-left: 16.666667%; + padding-right: 16.666667%; } -.gap-x-5\/6 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; +.py-3\/12 { + padding-top: 25%; + padding-bottom: 25%; } -.gap-x-1\/12 { - grid-column-gap: 8.333333%; - column-gap: 8.333333%; +.px-3\/12 { + padding-left: 25%; + padding-right: 25%; } -.gap-x-2\/12 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; +.py-4\/12 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } -.gap-x-3\/12 { - grid-column-gap: 25%; - column-gap: 25%; +.px-4\/12 { + padding-left: 33.333333%; + padding-right: 33.333333%; } -.gap-x-4\/12 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; +.py-5\/12 { + padding-top: 41.666667%; + padding-bottom: 41.666667%; } -.gap-x-5\/12 { - grid-column-gap: 41.666667%; - column-gap: 41.666667%; +.px-5\/12 { + padding-left: 41.666667%; + padding-right: 41.666667%; } -.gap-x-6\/12 { - grid-column-gap: 50%; - column-gap: 50%; +.py-6\/12 { + padding-top: 50%; + padding-bottom: 50%; } -.gap-x-7\/12 { - grid-column-gap: 58.333333%; - column-gap: 58.333333%; +.px-6\/12 { + padding-left: 50%; + padding-right: 50%; } -.gap-x-8\/12 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; +.py-7\/12 { + padding-top: 58.333333%; + padding-bottom: 58.333333%; } -.gap-x-9\/12 { - grid-column-gap: 75%; - column-gap: 75%; +.px-7\/12 { + padding-left: 58.333333%; + padding-right: 58.333333%; } -.gap-x-10\/12 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; +.py-8\/12 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } -.gap-x-11\/12 { - grid-column-gap: 91.666667%; - column-gap: 91.666667%; +.px-8\/12 { + padding-left: 66.666667%; + padding-right: 66.666667%; } -.gap-x-full { - grid-column-gap: 100%; - column-gap: 100%; +.py-9\/12 { + padding-top: 75%; + padding-bottom: 75%; } -.gap-y-0 { - grid-row-gap: 0; - row-gap: 0; +.px-9\/12 { + padding-left: 75%; + padding-right: 75%; } -.gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; +.py-10\/12 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } -.gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; +.px-10\/12 { + padding-left: 83.333333%; + padding-right: 83.333333%; } -.gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; +.py-11\/12 { + padding-top: 91.666667%; + padding-bottom: 91.666667%; } -.gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; +.px-11\/12 { + padding-left: 91.666667%; + padding-right: 91.666667%; } -.gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; +.py-full { + padding-top: 100%; + padding-bottom: 100%; } -.gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; +.px-full { + padding-left: 100%; + padding-right: 100%; } -.gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; +.pt-0 { + padding-top: 0; } -.gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; +.pr-0 { + padding-right: 0; } -.gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; +.pb-0 { + padding-bottom: 0; } -.gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; +.pl-0 { + padding-left: 0; } -.gap-y-11 { - grid-row-gap: 2.75rem; - row-gap: 2.75rem; +.pt-1 { + padding-top: 0.25rem; } -.gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; +.pr-1 { + padding-right: 0.25rem; } -.gap-y-13 { - grid-row-gap: 3.25rem; - row-gap: 3.25rem; +.pb-1 { + padding-bottom: 0.25rem; } -.gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; +.pl-1 { + padding-left: 0.25rem; } -.gap-y-15 { - grid-row-gap: 3.75rem; - row-gap: 3.75rem; +.pt-2 { + padding-top: 0.5rem; } -.gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; +.pr-2 { + padding-right: 0.5rem; } -.gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; +.pb-2 { + padding-bottom: 0.5rem; } -.gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; +.pl-2 { + padding-left: 0.5rem; } -.gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; +.pt-3 { + padding-top: 0.75rem; } -.gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; +.pr-3 { + padding-right: 0.75rem; } -.gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; +.pb-3 { + padding-bottom: 0.75rem; } -.gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; +.pl-3 { + padding-left: 0.75rem; } -.gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; +.pt-4 { + padding-top: 1rem; } -.gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; +.pr-4 { + padding-right: 1rem; } -.gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; +.pb-4 { + padding-bottom: 1rem; } -.gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; +.pl-4 { + padding-left: 1rem; } -.gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; +.pt-5 { + padding-top: 1.25rem; } -.gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; +.pr-5 { + padding-right: 1.25rem; } -.gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; +.pb-5 { + padding-bottom: 1.25rem; } -.gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; +.pl-5 { + padding-left: 1.25rem; } -.gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; +.pt-6 { + padding-top: 1.5rem; } -.gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; +.pr-6 { + padding-right: 1.5rem; } -.gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; +.pb-6 { + padding-bottom: 1.5rem; } -.gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; +.pl-6 { + padding-left: 1.5rem; } -.gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; +.pt-7 { + padding-top: 1.75rem; } -.gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; +.pr-7 { + padding-right: 1.75rem; } -.gap-y-1\/2 { - grid-row-gap: 50%; - row-gap: 50%; +.pb-7 { + padding-bottom: 1.75rem; } -.gap-y-1\/3 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; +.pl-7 { + padding-left: 1.75rem; } -.gap-y-2\/3 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; +.pt-8 { + padding-top: 2rem; } -.gap-y-1\/4 { - grid-row-gap: 25%; - row-gap: 25%; +.pr-8 { + padding-right: 2rem; } -.gap-y-2\/4 { - grid-row-gap: 50%; - row-gap: 50%; +.pb-8 { + padding-bottom: 2rem; } -.gap-y-3\/4 { - grid-row-gap: 75%; - row-gap: 75%; +.pl-8 { + padding-left: 2rem; } -.gap-y-1\/5 { - grid-row-gap: 20%; - row-gap: 20%; +.pt-9 { + padding-top: 2.25rem; } -.gap-y-2\/5 { - grid-row-gap: 40%; - row-gap: 40%; +.pr-9 { + padding-right: 2.25rem; } -.gap-y-3\/5 { - grid-row-gap: 60%; - row-gap: 60%; +.pb-9 { + padding-bottom: 2.25rem; } -.gap-y-4\/5 { - grid-row-gap: 80%; - row-gap: 80%; +.pl-9 { + padding-left: 2.25rem; } -.gap-y-1\/6 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; +.pt-10 { + padding-top: 2.5rem; } -.gap-y-2\/6 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; +.pr-10 { + padding-right: 2.5rem; } -.gap-y-3\/6 { - grid-row-gap: 50%; - row-gap: 50%; +.pb-10 { + padding-bottom: 2.5rem; } -.gap-y-4\/6 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; +.pl-10 { + padding-left: 2.5rem; } -.gap-y-5\/6 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; +.pt-11 { + padding-top: 2.75rem; } -.gap-y-1\/12 { - grid-row-gap: 8.333333%; - row-gap: 8.333333%; +.pr-11 { + padding-right: 2.75rem; } -.gap-y-2\/12 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; +.pb-11 { + padding-bottom: 2.75rem; } -.gap-y-3\/12 { - grid-row-gap: 25%; - row-gap: 25%; +.pl-11 { + padding-left: 2.75rem; } -.gap-y-4\/12 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; +.pt-12 { + padding-top: 3rem; } -.gap-y-5\/12 { - grid-row-gap: 41.666667%; - row-gap: 41.666667%; +.pr-12 { + padding-right: 3rem; } -.gap-y-6\/12 { - grid-row-gap: 50%; - row-gap: 50%; +.pb-12 { + padding-bottom: 3rem; } -.gap-y-7\/12 { - grid-row-gap: 58.333333%; - row-gap: 58.333333%; +.pl-12 { + padding-left: 3rem; } -.gap-y-8\/12 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; +.pt-13 { + padding-top: 3.25rem; } -.gap-y-9\/12 { - grid-row-gap: 75%; - row-gap: 75%; +.pr-13 { + padding-right: 3.25rem; } -.gap-y-10\/12 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; +.pb-13 { + padding-bottom: 3.25rem; } -.gap-y-11\/12 { - grid-row-gap: 91.666667%; - row-gap: 91.666667%; +.pl-13 { + padding-left: 3.25rem; } -.gap-y-full { - grid-row-gap: 100%; - row-gap: 100%; +.pt-14 { + padding-top: 3.5rem; } -.grid-flow-row { - grid-auto-flow: row; +.pr-14 { + padding-right: 3.5rem; } -.grid-flow-col { - grid-auto-flow: column; +.pb-14 { + padding-bottom: 3.5rem; } -.grid-flow-row-dense { - grid-auto-flow: row dense; +.pl-14 { + padding-left: 3.5rem; } -.grid-flow-col-dense { - grid-auto-flow: column dense; +.pt-15 { + padding-top: 3.75rem; } -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); +.pr-15 { + padding-right: 3.75rem; } -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); +.pb-15 { + padding-bottom: 3.75rem; } -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); +.pl-15 { + padding-left: 3.75rem; } -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); +.pt-16 { + padding-top: 4rem; } -.grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); +.pr-16 { + padding-right: 4rem; } -.grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); +.pb-16 { + padding-bottom: 4rem; } -.grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); +.pl-16 { + padding-left: 4rem; } -.grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); +.pt-20 { + padding-top: 5rem; } -.grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); +.pr-20 { + padding-right: 5rem; } -.grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); +.pb-20 { + padding-bottom: 5rem; } -.grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); +.pl-20 { + padding-left: 5rem; } -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); +.pt-24 { + padding-top: 6rem; } -.grid-cols-none { - grid-template-columns: none; +.pr-24 { + padding-right: 6rem; } -.col-auto { - grid-column: auto; +.pb-24 { + padding-bottom: 6rem; } -.col-span-1 { - grid-column: span 1 / span 1; +.pl-24 { + padding-left: 6rem; } -.col-span-2 { - grid-column: span 2 / span 2; +.pt-28 { + padding-top: 7rem; } -.col-span-3 { - grid-column: span 3 / span 3; +.pr-28 { + padding-right: 7rem; } -.col-span-4 { - grid-column: span 4 / span 4; +.pb-28 { + padding-bottom: 7rem; } -.col-span-5 { - grid-column: span 5 / span 5; +.pl-28 { + padding-left: 7rem; } -.col-span-6 { - grid-column: span 6 / span 6; +.pt-32 { + padding-top: 8rem; } -.col-span-7 { - grid-column: span 7 / span 7; +.pr-32 { + padding-right: 8rem; } -.col-span-8 { - grid-column: span 8 / span 8; +.pb-32 { + padding-bottom: 8rem; } -.col-span-9 { - grid-column: span 9 / span 9; +.pl-32 { + padding-left: 8rem; } -.col-span-10 { - grid-column: span 10 / span 10; +.pt-36 { + padding-top: 9rem; } -.col-span-11 { - grid-column: span 11 / span 11; +.pr-36 { + padding-right: 9rem; } -.col-span-12 { - grid-column: span 12 / span 12; +.pb-36 { + padding-bottom: 9rem; } -.col-start-1 { - grid-column-start: 1; +.pl-36 { + padding-left: 9rem; } -.col-start-2 { - grid-column-start: 2; +.pt-40 { + padding-top: 10rem; } -.col-start-3 { - grid-column-start: 3; +.pr-40 { + padding-right: 10rem; } -.col-start-4 { - grid-column-start: 4; +.pb-40 { + padding-bottom: 10rem; } -.col-start-5 { - grid-column-start: 5; +.pl-40 { + padding-left: 10rem; } -.col-start-6 { - grid-column-start: 6; +.pt-44 { + padding-top: 11rem; } -.col-start-7 { - grid-column-start: 7; +.pr-44 { + padding-right: 11rem; } -.col-start-8 { - grid-column-start: 8; +.pb-44 { + padding-bottom: 11rem; } -.col-start-9 { - grid-column-start: 9; +.pl-44 { + padding-left: 11rem; } -.col-start-10 { - grid-column-start: 10; +.pt-48 { + padding-top: 12rem; } -.col-start-11 { - grid-column-start: 11; +.pr-48 { + padding-right: 12rem; } -.col-start-12 { - grid-column-start: 12; +.pb-48 { + padding-bottom: 12rem; } -.col-start-13 { - grid-column-start: 13; +.pl-48 { + padding-left: 12rem; } -.col-start-auto { - grid-column-start: auto; +.pt-52 { + padding-top: 13rem; } -.col-end-1 { - grid-column-end: 1; +.pr-52 { + padding-right: 13rem; } -.col-end-2 { - grid-column-end: 2; +.pb-52 { + padding-bottom: 13rem; } -.col-end-3 { - grid-column-end: 3; +.pl-52 { + padding-left: 13rem; } -.col-end-4 { - grid-column-end: 4; +.pt-56 { + padding-top: 14rem; } -.col-end-5 { - grid-column-end: 5; +.pr-56 { + padding-right: 14rem; } -.col-end-6 { - grid-column-end: 6; +.pb-56 { + padding-bottom: 14rem; } -.col-end-7 { - grid-column-end: 7; +.pl-56 { + padding-left: 14rem; } -.col-end-8 { - grid-column-end: 8; +.pt-60 { + padding-top: 15rem; } -.col-end-9 { - grid-column-end: 9; +.pr-60 { + padding-right: 15rem; } -.col-end-10 { - grid-column-end: 10; +.pb-60 { + padding-bottom: 15rem; } -.col-end-11 { - grid-column-end: 11; +.pl-60 { + padding-left: 15rem; } -.col-end-12 { - grid-column-end: 12; +.pt-64 { + padding-top: 16rem; } -.col-end-13 { - grid-column-end: 13; +.pr-64 { + padding-right: 16rem; } -.col-end-auto { - grid-column-end: auto; +.pb-64 { + padding-bottom: 16rem; } -.grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); +.pl-64 { + padding-left: 16rem; } -.grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); +.pt-72 { + padding-top: 18rem; } -.grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); +.pr-72 { + padding-right: 18rem; } -.grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); +.pb-72 { + padding-bottom: 18rem; } -.grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); +.pl-72 { + padding-left: 18rem; } -.grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); +.pt-80 { + padding-top: 20rem; } -.grid-rows-none { - grid-template-rows: none; +.pr-80 { + padding-right: 20rem; } -.row-auto { - grid-row: auto; +.pb-80 { + padding-bottom: 20rem; } -.row-span-1 { - grid-row: span 1 / span 1; +.pl-80 { + padding-left: 20rem; } -.row-span-2 { - grid-row: span 2 / span 2; +.pt-96 { + padding-top: 24rem; } -.row-span-3 { - grid-row: span 3 / span 3; +.pr-96 { + padding-right: 24rem; } -.row-span-4 { - grid-row: span 4 / span 4; +.pb-96 { + padding-bottom: 24rem; } -.row-span-5 { - grid-row: span 5 / span 5; +.pl-96 { + padding-left: 24rem; } -.row-span-6 { - grid-row: span 6 / span 6; +.pt-px { + padding-top: 1px; } -.row-start-1 { - grid-row-start: 1; +.pr-px { + padding-right: 1px; } -.row-start-2 { - grid-row-start: 2; +.pb-px { + padding-bottom: 1px; } -.row-start-3 { - grid-row-start: 3; +.pl-px { + padding-left: 1px; } -.row-start-4 { - grid-row-start: 4; +.pt-0\.5 { + padding-top: 0.125rem; } -.row-start-5 { - grid-row-start: 5; +.pr-0\.5 { + padding-right: 0.125rem; } -.row-start-6 { - grid-row-start: 6; +.pb-0\.5 { + padding-bottom: 0.125rem; } -.row-start-7 { - grid-row-start: 7; +.pl-0\.5 { + padding-left: 0.125rem; } -.row-start-auto { - grid-row-start: auto; +.pt-1\.5 { + padding-top: 0.375rem; } -.row-end-1 { - grid-row-end: 1; +.pr-1\.5 { + padding-right: 0.375rem; } -.row-end-2 { - grid-row-end: 2; +.pb-1\.5 { + padding-bottom: 0.375rem; } -.row-end-3 { - grid-row-end: 3; +.pl-1\.5 { + padding-left: 0.375rem; } -.row-end-4 { - grid-row-end: 4; +.pt-2\.5 { + padding-top: 0.625rem; } -.row-end-5 { - grid-row-end: 5; +.pr-2\.5 { + padding-right: 0.625rem; } -.row-end-6 { - grid-row-end: 6; +.pb-2\.5 { + padding-bottom: 0.625rem; } -.row-end-7 { - grid-row-end: 7; +.pl-2\.5 { + padding-left: 0.625rem; } -.row-end-auto { - grid-row-end: auto; +.pt-3\.5 { + padding-top: 0.875rem; } -.transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); +.pr-3\.5 { + padding-right: 0.875rem; } -.transform-none { - transform: none; +.pb-3\.5 { + padding-bottom: 0.875rem; } -.origin-center { - transform-origin: center; +.pl-3\.5 { + padding-left: 0.875rem; } -.origin-top { - transform-origin: top; +.pt-1\/2 { + padding-top: 50%; } -.origin-top-right { - transform-origin: top right; +.pr-1\/2 { + padding-right: 50%; } -.origin-right { - transform-origin: right; +.pb-1\/2 { + padding-bottom: 50%; } -.origin-bottom-right { - transform-origin: bottom right; +.pl-1\/2 { + padding-left: 50%; } -.origin-bottom { - transform-origin: bottom; +.pt-1\/3 { + padding-top: 33.333333%; } -.origin-bottom-left { - transform-origin: bottom left; +.pr-1\/3 { + padding-right: 33.333333%; } -.origin-left { - transform-origin: left; +.pb-1\/3 { + padding-bottom: 33.333333%; } -.origin-top-left { - transform-origin: top left; +.pl-1\/3 { + padding-left: 33.333333%; } -.scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; +.pt-2\/3 { + padding-top: 66.666667%; } -.scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; +.pr-2\/3 { + padding-right: 66.666667%; } -.scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; +.pb-2\/3 { + padding-bottom: 66.666667%; } -.scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; +.pl-2\/3 { + padding-left: 66.666667%; } -.scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; +.pt-1\/4 { + padding-top: 25%; } -.scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; +.pr-1\/4 { + padding-right: 25%; } -.scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; +.pb-1\/4 { + padding-bottom: 25%; } -.scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; +.pl-1\/4 { + padding-left: 25%; } -.scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; +.pt-2\/4 { + padding-top: 50%; } -.scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; +.pr-2\/4 { + padding-right: 50%; } -.scale-x-0 { - --transform-scale-x: 0; +.pb-2\/4 { + padding-bottom: 50%; } -.scale-x-50 { - --transform-scale-x: .5; +.pl-2\/4 { + padding-left: 50%; } -.scale-x-75 { - --transform-scale-x: .75; +.pt-3\/4 { + padding-top: 75%; } -.scale-x-90 { - --transform-scale-x: .9; +.pr-3\/4 { + padding-right: 75%; } -.scale-x-95 { - --transform-scale-x: .95; +.pb-3\/4 { + padding-bottom: 75%; } -.scale-x-100 { - --transform-scale-x: 1; +.pl-3\/4 { + padding-left: 75%; } -.scale-x-105 { - --transform-scale-x: 1.05; +.pt-1\/5 { + padding-top: 20%; } -.scale-x-110 { - --transform-scale-x: 1.1; +.pr-1\/5 { + padding-right: 20%; } -.scale-x-125 { - --transform-scale-x: 1.25; +.pb-1\/5 { + padding-bottom: 20%; } -.scale-x-150 { - --transform-scale-x: 1.5; +.pl-1\/5 { + padding-left: 20%; } -.scale-y-0 { - --transform-scale-y: 0; +.pt-2\/5 { + padding-top: 40%; } -.scale-y-50 { - --transform-scale-y: .5; +.pr-2\/5 { + padding-right: 40%; } -.scale-y-75 { - --transform-scale-y: .75; +.pb-2\/5 { + padding-bottom: 40%; } -.scale-y-90 { - --transform-scale-y: .9; +.pl-2\/5 { + padding-left: 40%; } -.scale-y-95 { - --transform-scale-y: .95; +.pt-3\/5 { + padding-top: 60%; } -.scale-y-100 { - --transform-scale-y: 1; +.pr-3\/5 { + padding-right: 60%; } -.scale-y-105 { - --transform-scale-y: 1.05; +.pb-3\/5 { + padding-bottom: 60%; } -.scale-y-110 { - --transform-scale-y: 1.1; +.pl-3\/5 { + padding-left: 60%; } -.scale-y-125 { - --transform-scale-y: 1.25; +.pt-4\/5 { + padding-top: 80%; } -.scale-y-150 { - --transform-scale-y: 1.5; +.pr-4\/5 { + padding-right: 80%; } -.hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; +.pb-4\/5 { + padding-bottom: 80%; } -.hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; +.pl-4\/5 { + padding-left: 80%; } -.hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; +.pt-1\/6 { + padding-top: 16.666667%; } -.hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; -} - -.hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; +.pr-1\/6 { + padding-right: 16.666667%; } -.hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; +.pb-1\/6 { + padding-bottom: 16.666667%; } -.hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; +.pl-1\/6 { + padding-left: 16.666667%; } -.hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; +.pt-2\/6 { + padding-top: 33.333333%; } -.hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; +.pr-2\/6 { + padding-right: 33.333333%; } -.hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; +.pb-2\/6 { + padding-bottom: 33.333333%; } -.hover\:scale-x-0:hover { - --transform-scale-x: 0; +.pl-2\/6 { + padding-left: 33.333333%; } -.hover\:scale-x-50:hover { - --transform-scale-x: .5; +.pt-3\/6 { + padding-top: 50%; } -.hover\:scale-x-75:hover { - --transform-scale-x: .75; +.pr-3\/6 { + padding-right: 50%; } -.hover\:scale-x-90:hover { - --transform-scale-x: .9; +.pb-3\/6 { + padding-bottom: 50%; } -.hover\:scale-x-95:hover { - --transform-scale-x: .95; +.pl-3\/6 { + padding-left: 50%; } -.hover\:scale-x-100:hover { - --transform-scale-x: 1; +.pt-4\/6 { + padding-top: 66.666667%; } -.hover\:scale-x-105:hover { - --transform-scale-x: 1.05; +.pr-4\/6 { + padding-right: 66.666667%; } -.hover\:scale-x-110:hover { - --transform-scale-x: 1.1; +.pb-4\/6 { + padding-bottom: 66.666667%; } -.hover\:scale-x-125:hover { - --transform-scale-x: 1.25; +.pl-4\/6 { + padding-left: 66.666667%; } -.hover\:scale-x-150:hover { - --transform-scale-x: 1.5; +.pt-5\/6 { + padding-top: 83.333333%; } -.hover\:scale-y-0:hover { - --transform-scale-y: 0; +.pr-5\/6 { + padding-right: 83.333333%; } -.hover\:scale-y-50:hover { - --transform-scale-y: .5; +.pb-5\/6 { + padding-bottom: 83.333333%; } -.hover\:scale-y-75:hover { - --transform-scale-y: .75; +.pl-5\/6 { + padding-left: 83.333333%; } -.hover\:scale-y-90:hover { - --transform-scale-y: .9; +.pt-1\/12 { + padding-top: 8.333333%; } -.hover\:scale-y-95:hover { - --transform-scale-y: .95; +.pr-1\/12 { + padding-right: 8.333333%; } -.hover\:scale-y-100:hover { - --transform-scale-y: 1; +.pb-1\/12 { + padding-bottom: 8.333333%; } -.hover\:scale-y-105:hover { - --transform-scale-y: 1.05; +.pl-1\/12 { + padding-left: 8.333333%; } -.hover\:scale-y-110:hover { - --transform-scale-y: 1.1; +.pt-2\/12 { + padding-top: 16.666667%; } -.hover\:scale-y-125:hover { - --transform-scale-y: 1.25; +.pr-2\/12 { + padding-right: 16.666667%; } -.hover\:scale-y-150:hover { - --transform-scale-y: 1.5; +.pb-2\/12 { + padding-bottom: 16.666667%; } -.focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; +.pl-2\/12 { + padding-left: 16.666667%; } -.focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; +.pt-3\/12 { + padding-top: 25%; } -.focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; +.pr-3\/12 { + padding-right: 25%; } -.focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; +.pb-3\/12 { + padding-bottom: 25%; } -.focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; +.pl-3\/12 { + padding-left: 25%; } -.focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; +.pt-4\/12 { + padding-top: 33.333333%; } -.focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; +.pr-4\/12 { + padding-right: 33.333333%; } -.focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; +.pb-4\/12 { + padding-bottom: 33.333333%; } -.focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; +.pl-4\/12 { + padding-left: 33.333333%; } -.focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; +.pt-5\/12 { + padding-top: 41.666667%; } -.focus\:scale-x-0:focus { - --transform-scale-x: 0; +.pr-5\/12 { + padding-right: 41.666667%; } -.focus\:scale-x-50:focus { - --transform-scale-x: .5; +.pb-5\/12 { + padding-bottom: 41.666667%; } -.focus\:scale-x-75:focus { - --transform-scale-x: .75; +.pl-5\/12 { + padding-left: 41.666667%; } -.focus\:scale-x-90:focus { - --transform-scale-x: .9; +.pt-6\/12 { + padding-top: 50%; } -.focus\:scale-x-95:focus { - --transform-scale-x: .95; +.pr-6\/12 { + padding-right: 50%; } -.focus\:scale-x-100:focus { - --transform-scale-x: 1; +.pb-6\/12 { + padding-bottom: 50%; } -.focus\:scale-x-105:focus { - --transform-scale-x: 1.05; +.pl-6\/12 { + padding-left: 50%; } -.focus\:scale-x-110:focus { - --transform-scale-x: 1.1; +.pt-7\/12 { + padding-top: 58.333333%; } -.focus\:scale-x-125:focus { - --transform-scale-x: 1.25; +.pr-7\/12 { + padding-right: 58.333333%; } -.focus\:scale-x-150:focus { - --transform-scale-x: 1.5; +.pb-7\/12 { + padding-bottom: 58.333333%; } -.focus\:scale-y-0:focus { - --transform-scale-y: 0; +.pl-7\/12 { + padding-left: 58.333333%; } -.focus\:scale-y-50:focus { - --transform-scale-y: .5; +.pt-8\/12 { + padding-top: 66.666667%; } -.focus\:scale-y-75:focus { - --transform-scale-y: .75; +.pr-8\/12 { + padding-right: 66.666667%; } -.focus\:scale-y-90:focus { - --transform-scale-y: .9; +.pb-8\/12 { + padding-bottom: 66.666667%; } -.focus\:scale-y-95:focus { - --transform-scale-y: .95; +.pl-8\/12 { + padding-left: 66.666667%; } -.focus\:scale-y-100:focus { - --transform-scale-y: 1; +.pt-9\/12 { + padding-top: 75%; } -.focus\:scale-y-105:focus { - --transform-scale-y: 1.05; +.pr-9\/12 { + padding-right: 75%; } -.focus\:scale-y-110:focus { - --transform-scale-y: 1.1; +.pb-9\/12 { + padding-bottom: 75%; } -.focus\:scale-y-125:focus { - --transform-scale-y: 1.25; +.pl-9\/12 { + padding-left: 75%; } -.focus\:scale-y-150:focus { - --transform-scale-y: 1.5; +.pt-10\/12 { + padding-top: 83.333333%; } -.rotate-0 { - --transform-rotate: 0; +.pr-10\/12 { + padding-right: 83.333333%; } -.rotate-45 { - --transform-rotate: 45deg; +.pb-10\/12 { + padding-bottom: 83.333333%; } -.rotate-90 { - --transform-rotate: 90deg; +.pl-10\/12 { + padding-left: 83.333333%; } -.rotate-180 { - --transform-rotate: 180deg; +.pt-11\/12 { + padding-top: 91.666667%; } -.-rotate-180 { - --transform-rotate: -180deg; +.pr-11\/12 { + padding-right: 91.666667%; } -.-rotate-90 { - --transform-rotate: -90deg; +.pb-11\/12 { + padding-bottom: 91.666667%; } -.-rotate-45 { - --transform-rotate: -45deg; +.pl-11\/12 { + padding-left: 91.666667%; } -.hover\:rotate-0:hover { - --transform-rotate: 0; +.pt-full { + padding-top: 100%; } -.hover\:rotate-45:hover { - --transform-rotate: 45deg; +.pr-full { + padding-right: 100%; } -.hover\:rotate-90:hover { - --transform-rotate: 90deg; +.pb-full { + padding-bottom: 100%; } -.hover\:rotate-180:hover { - --transform-rotate: 180deg; +.pl-full { + padding-left: 100%; } -.hover\:-rotate-180:hover { - --transform-rotate: -180deg; +.placeholder-transparent::placeholder { + color: transparent; } -.hover\:-rotate-90:hover { - --transform-rotate: -90deg; +.placeholder-current::placeholder { + color: currentColor; } -.hover\:-rotate-45:hover { - --transform-rotate: -45deg; +.placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.focus\:rotate-0:focus { - --transform-rotate: 0; +.placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.focus\:rotate-45:focus { - --transform-rotate: 45deg; +.placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } -.focus\:rotate-90:focus { - --transform-rotate: 90deg; +.placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } -.focus\:rotate-180:focus { - --transform-rotate: 180deg; +.placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } -.focus\:-rotate-180:focus { - --transform-rotate: -180deg; +.placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } -.focus\:-rotate-90:focus { - --transform-rotate: -90deg; +.placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } -.focus\:-rotate-45:focus { - --transform-rotate: -45deg; +.placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } -.translate-x-0 { - --transform-translate-x: 0; +.placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } -.translate-x-1 { - --transform-translate-x: 0.25rem; +.placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } -.translate-x-2 { - --transform-translate-x: 0.5rem; +.placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } -.translate-x-3 { - --transform-translate-x: 0.75rem; +.placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } -.translate-x-4 { - --transform-translate-x: 1rem; +.placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } -.translate-x-5 { - --transform-translate-x: 1.25rem; +.placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } -.translate-x-6 { - --transform-translate-x: 1.5rem; +.placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } -.translate-x-7 { - --transform-translate-x: 1.75rem; +.placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } -.translate-x-8 { - --transform-translate-x: 2rem; +.placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } -.translate-x-9 { - --transform-translate-x: 2.25rem; +.placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } -.translate-x-10 { - --transform-translate-x: 2.5rem; +.placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } -.translate-x-11 { - --transform-translate-x: 2.75rem; +.placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } -.translate-x-12 { - --transform-translate-x: 3rem; +.placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } -.translate-x-13 { - --transform-translate-x: 3.25rem; +.placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } -.translate-x-14 { - --transform-translate-x: 3.5rem; +.placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } -.translate-x-15 { - --transform-translate-x: 3.75rem; +.placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } -.translate-x-16 { - --transform-translate-x: 4rem; +.placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } -.translate-x-20 { - --transform-translate-x: 5rem; +.placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } -.translate-x-24 { - --transform-translate-x: 6rem; +.placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } -.translate-x-28 { - --transform-translate-x: 7rem; +.placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } -.translate-x-32 { - --transform-translate-x: 8rem; +.placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } -.translate-x-36 { - --transform-translate-x: 9rem; +.placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } -.translate-x-40 { - --transform-translate-x: 10rem; +.placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } -.translate-x-44 { - --transform-translate-x: 11rem; +.placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } -.translate-x-48 { - --transform-translate-x: 12rem; +.placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } -.translate-x-52 { - --transform-translate-x: 13rem; +.placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } -.translate-x-56 { - --transform-translate-x: 14rem; +.placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } -.translate-x-60 { - --transform-translate-x: 15rem; +.placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } -.translate-x-64 { - --transform-translate-x: 16rem; +.placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } -.translate-x-72 { - --transform-translate-x: 18rem; +.placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } -.translate-x-80 { - --transform-translate-x: 20rem; +.placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } -.translate-x-96 { - --transform-translate-x: 24rem; +.placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } -.translate-x-px { - --transform-translate-x: 1px; +.placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } -.translate-x-0\.5 { - --transform-translate-x: 0.125rem; +.placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } -.translate-x-1\.5 { - --transform-translate-x: 0.375rem; +.placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } -.translate-x-2\.5 { - --transform-translate-x: 0.625rem; +.placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } -.translate-x-3\.5 { - --transform-translate-x: 0.875rem; +.placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } -.translate-x-1\/2 { - --transform-translate-x: 50%; +.placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } -.translate-x-1\/3 { - --transform-translate-x: 33.333333%; +.placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } -.translate-x-2\/3 { - --transform-translate-x: 66.666667%; +.placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } -.translate-x-1\/4 { - --transform-translate-x: 25%; +.placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } -.translate-x-2\/4 { - --transform-translate-x: 50%; +.placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } -.translate-x-3\/4 { - --transform-translate-x: 75%; +.placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } -.translate-x-1\/5 { - --transform-translate-x: 20%; +.placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } -.translate-x-2\/5 { - --transform-translate-x: 40%; +.placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } -.translate-x-3\/5 { - --transform-translate-x: 60%; +.placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } -.translate-x-4\/5 { - --transform-translate-x: 80%; +.placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } -.translate-x-1\/6 { - --transform-translate-x: 16.666667%; +.placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } -.translate-x-2\/6 { - --transform-translate-x: 33.333333%; +.placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } -.translate-x-3\/6 { - --transform-translate-x: 50%; +.placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } -.translate-x-4\/6 { - --transform-translate-x: 66.666667%; +.placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } -.translate-x-5\/6 { - --transform-translate-x: 83.333333%; +.placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } -.translate-x-1\/12 { - --transform-translate-x: 8.333333%; +.placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } -.translate-x-2\/12 { - --transform-translate-x: 16.666667%; +.placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } -.translate-x-3\/12 { - --transform-translate-x: 25%; +.placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } -.translate-x-4\/12 { - --transform-translate-x: 33.333333%; +.placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } -.translate-x-5\/12 { - --transform-translate-x: 41.666667%; +.placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } -.translate-x-6\/12 { - --transform-translate-x: 50%; +.placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } -.translate-x-7\/12 { - --transform-translate-x: 58.333333%; +.placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } -.translate-x-8\/12 { - --transform-translate-x: 66.666667%; +.placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } -.translate-x-9\/12 { - --transform-translate-x: 75%; +.placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } -.translate-x-10\/12 { - --transform-translate-x: 83.333333%; +.placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } -.translate-x-11\/12 { - --transform-translate-x: 91.666667%; +.placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } -.translate-x-full { - --transform-translate-x: 100%; +.placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } -.-translate-x-1 { - --transform-translate-x: -0.25rem; +.placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } -.-translate-x-2 { - --transform-translate-x: -0.5rem; +.placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } -.-translate-x-3 { - --transform-translate-x: -0.75rem; +.placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } -.-translate-x-4 { - --transform-translate-x: -1rem; +.placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } -.-translate-x-5 { - --transform-translate-x: -1.25rem; +.placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } -.-translate-x-6 { - --transform-translate-x: -1.5rem; +.placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } -.-translate-x-7 { - --transform-translate-x: -1.75rem; +.placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } -.-translate-x-8 { - --transform-translate-x: -2rem; +.placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } -.-translate-x-9 { - --transform-translate-x: -2.25rem; +.placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } -.-translate-x-10 { - --transform-translate-x: -2.5rem; +.placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } -.-translate-x-11 { - --transform-translate-x: -2.75rem; +.placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } -.-translate-x-12 { - --transform-translate-x: -3rem; +.placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } -.-translate-x-13 { - --transform-translate-x: -3.25rem; +.placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } -.-translate-x-14 { - --transform-translate-x: -3.5rem; +.placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } -.-translate-x-15 { - --transform-translate-x: -3.75rem; +.placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } -.-translate-x-16 { - --transform-translate-x: -4rem; +.placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } -.-translate-x-20 { - --transform-translate-x: -5rem; +.placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } -.-translate-x-24 { - --transform-translate-x: -6rem; +.placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } -.-translate-x-28 { - --transform-translate-x: -7rem; +.placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } -.-translate-x-32 { - --transform-translate-x: -8rem; +.placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } -.-translate-x-36 { - --transform-translate-x: -9rem; +.placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.-translate-x-40 { - --transform-translate-x: -10rem; +.placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } -.-translate-x-44 { - --transform-translate-x: -11rem; +.placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } -.-translate-x-48 { - --transform-translate-x: -12rem; +.placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } -.-translate-x-52 { - --transform-translate-x: -13rem; +.placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } -.-translate-x-56 { - --transform-translate-x: -14rem; +.placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } -.-translate-x-60 { - --transform-translate-x: -15rem; +.placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } -.-translate-x-64 { - --transform-translate-x: -16rem; +.placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } -.-translate-x-72 { - --transform-translate-x: -18rem; +.placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } -.-translate-x-80 { - --transform-translate-x: -20rem; +.placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } -.-translate-x-96 { - --transform-translate-x: -24rem; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; } -.-translate-x-px { - --transform-translate-x: -1px; +.focus\:placeholder-current:focus::placeholder { + color: currentColor; } -.-translate-x-0\.5 { - --transform-translate-x: -0.125rem; +.focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.-translate-x-1\.5 { - --transform-translate-x: -0.375rem; +.focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.-translate-x-2\.5 { - --transform-translate-x: -0.625rem; +.focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } -.-translate-x-3\.5 { - --transform-translate-x: -0.875rem; +.focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } -.-translate-x-1\/2 { - --transform-translate-x: -50%; +.focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } -.-translate-x-1\/3 { - --transform-translate-x: -33.33333%; +.focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } -.-translate-x-2\/3 { - --transform-translate-x: -66.66667%; +.focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } -.-translate-x-1\/4 { - --transform-translate-x: -25%; +.focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } -.-translate-x-2\/4 { - --transform-translate-x: -50%; +.focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } -.-translate-x-3\/4 { - --transform-translate-x: -75%; +.focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } -.-translate-x-1\/5 { - --transform-translate-x: -20%; +.focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } -.-translate-x-2\/5 { - --transform-translate-x: -40%; +.focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } -.-translate-x-3\/5 { - --transform-translate-x: -60%; +.focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } -.-translate-x-4\/5 { - --transform-translate-x: -80%; +.focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } -.-translate-x-1\/6 { - --transform-translate-x: -16.66667%; +.focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } -.-translate-x-2\/6 { - --transform-translate-x: -33.33333%; +.focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } -.-translate-x-3\/6 { - --transform-translate-x: -50%; +.focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } -.-translate-x-4\/6 { - --transform-translate-x: -66.66667%; +.focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } -.-translate-x-5\/6 { - --transform-translate-x: -83.33333%; -} - -.-translate-x-1\/12 { - --transform-translate-x: -8.33333%; +.focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } -.-translate-x-2\/12 { - --transform-translate-x: -16.66667%; +.focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } -.-translate-x-3\/12 { - --transform-translate-x: -25%; +.focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } -.-translate-x-4\/12 { - --transform-translate-x: -33.33333%; +.focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } -.-translate-x-5\/12 { - --transform-translate-x: -41.66667%; +.focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } -.-translate-x-6\/12 { - --transform-translate-x: -50%; +.focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } -.-translate-x-7\/12 { - --transform-translate-x: -58.33333%; +.focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } -.-translate-x-8\/12 { - --transform-translate-x: -66.66667%; +.focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } -.-translate-x-9\/12 { - --transform-translate-x: -75%; +.focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } -.-translate-x-10\/12 { - --transform-translate-x: -83.33333%; +.focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } -.-translate-x-11\/12 { - --transform-translate-x: -91.66667%; +.focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } -.-translate-x-full { - --transform-translate-x: -100%; +.focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } -.translate-y-0 { - --transform-translate-y: 0; +.focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } -.translate-y-1 { - --transform-translate-y: 0.25rem; +.focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } -.translate-y-2 { - --transform-translate-y: 0.5rem; +.focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } -.translate-y-3 { - --transform-translate-y: 0.75rem; +.focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } -.translate-y-4 { - --transform-translate-y: 1rem; +.focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } -.translate-y-5 { - --transform-translate-y: 1.25rem; +.focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } -.translate-y-6 { - --transform-translate-y: 1.5rem; +.focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } -.translate-y-7 { - --transform-translate-y: 1.75rem; +.focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } -.translate-y-8 { - --transform-translate-y: 2rem; +.focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } -.translate-y-9 { - --transform-translate-y: 2.25rem; +.focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } -.translate-y-10 { - --transform-translate-y: 2.5rem; +.focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } -.translate-y-11 { - --transform-translate-y: 2.75rem; +.focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } -.translate-y-12 { - --transform-translate-y: 3rem; +.focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } -.translate-y-13 { - --transform-translate-y: 3.25rem; +.focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } -.translate-y-14 { - --transform-translate-y: 3.5rem; +.focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } -.translate-y-15 { - --transform-translate-y: 3.75rem; +.focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } -.translate-y-16 { - --transform-translate-y: 4rem; +.focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } -.translate-y-20 { - --transform-translate-y: 5rem; +.focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } -.translate-y-24 { - --transform-translate-y: 6rem; +.focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } -.translate-y-28 { - --transform-translate-y: 7rem; +.focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } -.translate-y-32 { - --transform-translate-y: 8rem; +.focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } -.translate-y-36 { - --transform-translate-y: 9rem; +.focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } -.translate-y-40 { - --transform-translate-y: 10rem; +.focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } -.translate-y-44 { - --transform-translate-y: 11rem; +.focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } -.translate-y-48 { - --transform-translate-y: 12rem; +.focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } -.translate-y-52 { - --transform-translate-y: 13rem; +.focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } -.translate-y-56 { - --transform-translate-y: 14rem; +.focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } -.translate-y-60 { - --transform-translate-y: 15rem; +.focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } -.translate-y-64 { - --transform-translate-y: 16rem; +.focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } -.translate-y-72 { - --transform-translate-y: 18rem; +.focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } -.translate-y-80 { - --transform-translate-y: 20rem; +.focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } -.translate-y-96 { - --transform-translate-y: 24rem; +.focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } -.translate-y-px { - --transform-translate-y: 1px; +.focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } -.translate-y-0\.5 { - --transform-translate-y: 0.125rem; +.focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } -.translate-y-1\.5 { - --transform-translate-y: 0.375rem; +.focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } -.translate-y-2\.5 { - --transform-translate-y: 0.625rem; +.focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } -.translate-y-3\.5 { - --transform-translate-y: 0.875rem; +.focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } -.translate-y-1\/2 { - --transform-translate-y: 50%; +.focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } -.translate-y-1\/3 { - --transform-translate-y: 33.333333%; +.focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } -.translate-y-2\/3 { - --transform-translate-y: 66.666667%; +.focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } -.translate-y-1\/4 { - --transform-translate-y: 25%; +.focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } -.translate-y-2\/4 { - --transform-translate-y: 50%; +.focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } -.translate-y-3\/4 { - --transform-translate-y: 75%; +.focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } -.translate-y-1\/5 { - --transform-translate-y: 20%; +.focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } -.translate-y-2\/5 { - --transform-translate-y: 40%; +.focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } -.translate-y-3\/5 { - --transform-translate-y: 60%; +.focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } -.translate-y-4\/5 { - --transform-translate-y: 80%; +.focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } -.translate-y-1\/6 { - --transform-translate-y: 16.666667%; +.focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } -.translate-y-2\/6 { - --transform-translate-y: 33.333333%; +.focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } -.translate-y-3\/6 { - --transform-translate-y: 50%; +.focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } -.translate-y-4\/6 { - --transform-translate-y: 66.666667%; +.focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } -.translate-y-5\/6 { - --transform-translate-y: 83.333333%; +.focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } -.translate-y-1\/12 { - --transform-translate-y: 8.333333%; +.focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } -.translate-y-2\/12 { - --transform-translate-y: 16.666667%; +.focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } -.translate-y-3\/12 { - --transform-translate-y: 25%; +.focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } -.translate-y-4\/12 { - --transform-translate-y: 33.333333%; +.focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } -.translate-y-5\/12 { - --transform-translate-y: 41.666667%; +.focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } -.translate-y-6\/12 { - --transform-translate-y: 50%; +.focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } -.translate-y-7\/12 { - --transform-translate-y: 58.333333%; +.focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } -.translate-y-8\/12 { - --transform-translate-y: 66.666667%; +.focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } -.translate-y-9\/12 { - --transform-translate-y: 75%; +.focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } -.translate-y-10\/12 { - --transform-translate-y: 83.333333%; +.focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } -.translate-y-11\/12 { - --transform-translate-y: 91.666667%; +.focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.translate-y-full { - --transform-translate-y: 100%; +.focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } -.-translate-y-1 { - --transform-translate-y: -0.25rem; +.focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } -.-translate-y-2 { - --transform-translate-y: -0.5rem; +.focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } -.-translate-y-3 { - --transform-translate-y: -0.75rem; +.focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } -.-translate-y-4 { - --transform-translate-y: -1rem; +.focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } -.-translate-y-5 { - --transform-translate-y: -1.25rem; +.focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } -.-translate-y-6 { - --transform-translate-y: -1.5rem; +.focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } -.-translate-y-7 { - --transform-translate-y: -1.75rem; +.focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } -.-translate-y-8 { - --transform-translate-y: -2rem; +.focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } -.-translate-y-9 { - --transform-translate-y: -2.25rem; -} +@media (prefers-color-scheme: dark) { + .dark\:placeholder-transparent::placeholder { + color: transparent; + } -.-translate-y-10 { - --transform-translate-y: -2.5rem; -} + .dark\:placeholder-current::placeholder { + color: currentColor; + } -.-translate-y-11 { - --transform-translate-y: -2.75rem; -} + .dark\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } -.-translate-y-12 { - --transform-translate-y: -3rem; -} + .dark\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } -.-translate-y-13 { - --transform-translate-y: -3.25rem; -} + .dark\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } -.-translate-y-14 { - --transform-translate-y: -3.5rem; -} + .dark\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } -.-translate-y-15 { - --transform-translate-y: -3.75rem; -} + .dark\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } -.-translate-y-16 { - --transform-translate-y: -4rem; -} + .dark\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } -.-translate-y-20 { - --transform-translate-y: -5rem; -} + .dark\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } -.-translate-y-24 { - --transform-translate-y: -6rem; -} + .dark\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } -.-translate-y-28 { - --transform-translate-y: -7rem; -} + .dark\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } -.-translate-y-32 { - --transform-translate-y: -8rem; -} + .dark\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } -.-translate-y-36 { - --transform-translate-y: -9rem; -} + .dark\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } -.-translate-y-40 { - --transform-translate-y: -10rem; -} + .dark\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } -.-translate-y-44 { - --transform-translate-y: -11rem; -} + .dark\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } -.-translate-y-48 { - --transform-translate-y: -12rem; -} + .dark\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } -.-translate-y-52 { - --transform-translate-y: -13rem; -} + .dark\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } -.-translate-y-56 { - --transform-translate-y: -14rem; -} + .dark\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } -.-translate-y-60 { - --transform-translate-y: -15rem; -} + .dark\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } -.-translate-y-64 { - --transform-translate-y: -16rem; -} + .dark\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } -.-translate-y-72 { - --transform-translate-y: -18rem; -} + .dark\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } -.-translate-y-80 { - --transform-translate-y: -20rem; -} + .dark\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } -.-translate-y-96 { - --transform-translate-y: -24rem; -} + .dark\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } -.-translate-y-px { - --transform-translate-y: -1px; -} + .dark\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } -.-translate-y-0\.5 { - --transform-translate-y: -0.125rem; -} + .dark\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } -.-translate-y-1\.5 { - --transform-translate-y: -0.375rem; -} + .dark\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } -.-translate-y-2\.5 { - --transform-translate-y: -0.625rem; -} + .dark\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } -.-translate-y-3\.5 { - --transform-translate-y: -0.875rem; -} + .dark\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } -.-translate-y-1\/2 { - --transform-translate-y: -50%; -} + .dark\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } -.-translate-y-1\/3 { - --transform-translate-y: -33.33333%; -} + .dark\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } -.-translate-y-2\/3 { - --transform-translate-y: -66.66667%; -} + .dark\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } -.-translate-y-1\/4 { - --transform-translate-y: -25%; -} + .dark\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } -.-translate-y-2\/4 { - --transform-translate-y: -50%; -} + .dark\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } -.-translate-y-3\/4 { - --transform-translate-y: -75%; -} + .dark\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } -.-translate-y-1\/5 { - --transform-translate-y: -20%; -} + .dark\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } -.-translate-y-2\/5 { - --transform-translate-y: -40%; -} + .dark\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } -.-translate-y-3\/5 { - --transform-translate-y: -60%; -} + .dark\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } -.-translate-y-4\/5 { - --transform-translate-y: -80%; -} + .dark\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } -.-translate-y-1\/6 { - --transform-translate-y: -16.66667%; -} + .dark\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } -.-translate-y-2\/6 { - --transform-translate-y: -33.33333%; -} + .dark\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } -.-translate-y-3\/6 { - --transform-translate-y: -50%; -} + .dark\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } -.-translate-y-4\/6 { - --transform-translate-y: -66.66667%; -} + .dark\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } -.-translate-y-5\/6 { - --transform-translate-y: -83.33333%; -} + .dark\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } -.-translate-y-1\/12 { - --transform-translate-y: -8.33333%; -} + .dark\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } -.-translate-y-2\/12 { - --transform-translate-y: -16.66667%; -} + .dark\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } -.-translate-y-3\/12 { - --transform-translate-y: -25%; -} + .dark\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } -.-translate-y-4\/12 { - --transform-translate-y: -33.33333%; -} + .dark\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } -.-translate-y-5\/12 { - --transform-translate-y: -41.66667%; -} + .dark\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } -.-translate-y-6\/12 { - --transform-translate-y: -50%; -} + .dark\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } -.-translate-y-7\/12 { - --transform-translate-y: -58.33333%; -} + .dark\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } -.-translate-y-8\/12 { - --transform-translate-y: -66.66667%; -} + .dark\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } -.-translate-y-9\/12 { - --transform-translate-y: -75%; -} + .dark\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } -.-translate-y-10\/12 { - --transform-translate-y: -83.33333%; -} + .dark\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } -.-translate-y-11\/12 { - --transform-translate-y: -91.66667%; -} + .dark\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } -.-translate-y-full { - --transform-translate-y: -100%; -} + .dark\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } -.hover\:translate-x-0:hover { - --transform-translate-x: 0; -} + .dark\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } -.hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; -} + .dark\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } -.hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; -} + .dark\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } -.hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; -} + .dark\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } -.hover\:translate-x-4:hover { - --transform-translate-x: 1rem; -} + .dark\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } -.hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; -} + .dark\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } -.hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; -} + .dark\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } -.hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; -} + .dark\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } -.hover\:translate-x-8:hover { - --transform-translate-x: 2rem; -} + .dark\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } -.hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; -} + .dark\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } -.hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; -} + .dark\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } -.hover\:translate-x-11:hover { - --transform-translate-x: 2.75rem; -} + .dark\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } -.hover\:translate-x-12:hover { - --transform-translate-x: 3rem; -} + .dark\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } -.hover\:translate-x-13:hover { - --transform-translate-x: 3.25rem; -} + .dark\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } -.hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; -} + .dark\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } -.hover\:translate-x-15:hover { - --transform-translate-x: 3.75rem; -} + .dark\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } -.hover\:translate-x-16:hover { - --transform-translate-x: 4rem; -} + .dark\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } -.hover\:translate-x-20:hover { - --transform-translate-x: 5rem; -} + .dark\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } -.hover\:translate-x-24:hover { - --transform-translate-x: 6rem; -} + .dark\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } -.hover\:translate-x-28:hover { - --transform-translate-x: 7rem; -} - -.hover\:translate-x-32:hover { - --transform-translate-x: 8rem; -} + .dark\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } -.hover\:translate-x-36:hover { - --transform-translate-x: 9rem; -} + .dark\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } -.hover\:translate-x-40:hover { - --transform-translate-x: 10rem; -} + .dark\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } -.hover\:translate-x-44:hover { - --transform-translate-x: 11rem; -} + .dark\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } -.hover\:translate-x-48:hover { - --transform-translate-x: 12rem; -} + .dark\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } -.hover\:translate-x-52:hover { - --transform-translate-x: 13rem; -} + .dark\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } -.hover\:translate-x-56:hover { - --transform-translate-x: 14rem; -} + .dark\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } -.hover\:translate-x-60:hover { - --transform-translate-x: 15rem; -} + .dark\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } -.hover\:translate-x-64:hover { - --transform-translate-x: 16rem; -} + .dark\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } -.hover\:translate-x-72:hover { - --transform-translate-x: 18rem; -} + .dark\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } -.hover\:translate-x-80:hover { - --transform-translate-x: 20rem; -} + .dark\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } -.hover\:translate-x-96:hover { - --transform-translate-x: 24rem; -} + .dark\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } -.hover\:translate-x-px:hover { - --transform-translate-x: 1px; -} + .dark\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } -.hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; -} + .dark\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } -.hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; -} + .dark\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } -.hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; -} + .dark\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } -.hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; -} + .dark\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } -.hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; -} + .dark\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } -.hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; -} + .dark\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } -.hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; -} + .dark\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } -.hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; -} + .dark\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } -.hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; -} + .dark\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } -.hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; -} + .dark\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } -.hover\:translate-x-1\/5:hover { - --transform-translate-x: 20%; -} + .dark\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } -.hover\:translate-x-2\/5:hover { - --transform-translate-x: 40%; -} + .dark\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } -.hover\:translate-x-3\/5:hover { - --transform-translate-x: 60%; -} + .dark\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } -.hover\:translate-x-4\/5:hover { - --transform-translate-x: 80%; -} + .dark\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } -.hover\:translate-x-1\/6:hover { - --transform-translate-x: 16.666667%; -} + .dark\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } -.hover\:translate-x-2\/6:hover { - --transform-translate-x: 33.333333%; -} + .dark\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } -.hover\:translate-x-3\/6:hover { - --transform-translate-x: 50%; -} + .dark\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } -.hover\:translate-x-4\/6:hover { - --transform-translate-x: 66.666667%; -} + .dark\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } -.hover\:translate-x-5\/6:hover { - --transform-translate-x: 83.333333%; -} + .dark\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } -.hover\:translate-x-1\/12:hover { - --transform-translate-x: 8.333333%; -} + .dark\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } -.hover\:translate-x-2\/12:hover { - --transform-translate-x: 16.666667%; -} + .dark\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } -.hover\:translate-x-3\/12:hover { - --transform-translate-x: 25%; -} + .dark\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } -.hover\:translate-x-4\/12:hover { - --transform-translate-x: 33.333333%; -} + .dark\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } -.hover\:translate-x-5\/12:hover { - --transform-translate-x: 41.666667%; -} + .dark\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } -.hover\:translate-x-6\/12:hover { - --transform-translate-x: 50%; -} + .dark\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } -.hover\:translate-x-7\/12:hover { - --transform-translate-x: 58.333333%; -} + .dark\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } -.hover\:translate-x-8\/12:hover { - --transform-translate-x: 66.666667%; -} + .dark\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } -.hover\:translate-x-9\/12:hover { - --transform-translate-x: 75%; -} + .dark\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } -.hover\:translate-x-10\/12:hover { - --transform-translate-x: 83.333333%; -} + .dark\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } -.hover\:translate-x-11\/12:hover { - --transform-translate-x: 91.666667%; -} + .dark\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } -.hover\:translate-x-full:hover { - --transform-translate-x: 100%; -} + .dark\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } -.hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; -} + .dark\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } -.hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; -} + .dark\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } -.hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; -} + .dark\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } -.hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; -} + .dark\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } -.hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; -} + .dark\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } -.hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; -} + .dark\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } -.hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; -} + .dark\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } -.hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; -} + .dark\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } -.hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; -} + .dark\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } -.hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; -} + .dark\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } -.hover\:-translate-x-11:hover { - --transform-translate-x: -2.75rem; -} + .dark\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } -.hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; -} + .dark\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } -.hover\:-translate-x-13:hover { - --transform-translate-x: -3.25rem; -} + .dark\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } -.hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; -} + .dark\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } -.hover\:-translate-x-15:hover { - --transform-translate-x: -3.75rem; -} + .dark\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } -.hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; -} + .dark\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } -.hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; -} + .dark\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } -.hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; -} + .dark\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } -.hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; -} + .dark\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } -.hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; -} + .dark\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } -.hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; -} + .dark\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } -.hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; -} + .dark\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } -.hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; -} + .dark\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } -.hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; -} + .dark\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } -.hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; -} + .dark\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } -.hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; -} + .dark\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } -.hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; -} + .dark\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } -.hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; -} + .dark\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } -.hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; -} + .dark\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } -.hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; -} + .dark\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } -.hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; -} + .dark\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } -.hover\:-translate-x-px:hover { - --transform-translate-x: -1px; -} + .dark\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } -.hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; -} + .dark\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; -} + .dark\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; -} + .dark\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } -.hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; -} + .dark\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; -} + .dark\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.33333%; -} + .dark\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.66667%; -} + .dark\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; -} + .dark\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; -} + .dark\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } -.hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; -} + .dark\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/5:hover { - --transform-translate-x: -20%; -} + .dark\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\/5:hover { - --transform-translate-x: -40%; -} + .dark\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } -.hover\:-translate-x-3\/5:hover { - --transform-translate-x: -60%; -} + .dark\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } -.hover\:-translate-x-4\/5:hover { - --transform-translate-x: -80%; -} + .dark\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/6:hover { - --transform-translate-x: -16.66667%; -} + .dark\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\/6:hover { - --transform-translate-x: -33.33333%; -} + .dark\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } -.hover\:-translate-x-3\/6:hover { - --transform-translate-x: -50%; -} + .dark\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } -.hover\:-translate-x-4\/6:hover { - --transform-translate-x: -66.66667%; -} + .dark\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } -.hover\:-translate-x-5\/6:hover { - --transform-translate-x: -83.33333%; -} + .dark\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } -.hover\:-translate-x-1\/12:hover { - --transform-translate-x: -8.33333%; -} + .dark\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } -.hover\:-translate-x-2\/12:hover { - --transform-translate-x: -16.66667%; -} + .dark\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } -.hover\:-translate-x-3\/12:hover { - --transform-translate-x: -25%; -} + .dark\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } -.hover\:-translate-x-4\/12:hover { - --transform-translate-x: -33.33333%; -} + .dark\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } -.hover\:-translate-x-5\/12:hover { - --transform-translate-x: -41.66667%; -} + .dark\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } -.hover\:-translate-x-6\/12:hover { - --transform-translate-x: -50%; -} + .dark\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } -.hover\:-translate-x-7\/12:hover { - --transform-translate-x: -58.33333%; -} + .dark\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } -.hover\:-translate-x-8\/12:hover { - --transform-translate-x: -66.66667%; -} + .dark\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } -.hover\:-translate-x-9\/12:hover { - --transform-translate-x: -75%; -} + .dark\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } -.hover\:-translate-x-10\/12:hover { - --transform-translate-x: -83.33333%; -} + .dark\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } -.hover\:-translate-x-11\/12:hover { - --transform-translate-x: -91.66667%; -} + .dark\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } -.hover\:-translate-x-full:hover { - --transform-translate-x: -100%; -} + .dark\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } -.hover\:translate-y-0:hover { - --transform-translate-y: 0; -} + .dark\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } -.hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; -} + .dark\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } -.hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; -} + .dark\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } -.hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; -} + .dark\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } -.hover\:translate-y-4:hover { - --transform-translate-y: 1rem; -} + .dark\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } -.hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; -} + .dark\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } -.hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; -} + .dark\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } -.hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; -} + .dark\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } -.hover\:translate-y-8:hover { - --transform-translate-y: 2rem; -} + .dark\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } -.hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; -} + .dark\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } -.hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; -} + .dark\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } -.hover\:translate-y-11:hover { - --transform-translate-y: 2.75rem; -} + .dark\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } -.hover\:translate-y-12:hover { - --transform-translate-y: 3rem; -} + .dark\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } -.hover\:translate-y-13:hover { - --transform-translate-y: 3.25rem; -} + .dark\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } -.hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; -} + .dark\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } -.hover\:translate-y-15:hover { - --transform-translate-y: 3.75rem; -} + .dark\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } -.hover\:translate-y-16:hover { - --transform-translate-y: 4rem; -} + .dark\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } -.hover\:translate-y-20:hover { - --transform-translate-y: 5rem; -} + .dark\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } -.hover\:translate-y-24:hover { - --transform-translate-y: 6rem; -} + .dark\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } -.hover\:translate-y-28:hover { - --transform-translate-y: 7rem; -} + .dark\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } -.hover\:translate-y-32:hover { - --transform-translate-y: 8rem; -} + .dark\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } -.hover\:translate-y-36:hover { - --transform-translate-y: 9rem; -} + .dark\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } -.hover\:translate-y-40:hover { - --transform-translate-y: 10rem; -} + .dark\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } -.hover\:translate-y-44:hover { - --transform-translate-y: 11rem; -} + .dark\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } -.hover\:translate-y-48:hover { - --transform-translate-y: 12rem; -} + .dark\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } -.hover\:translate-y-52:hover { - --transform-translate-y: 13rem; -} + .dark\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } -.hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .dark\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } } -.hover\:translate-y-60:hover { - --transform-translate-y: 15rem; +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } -.hover\:translate-y-64:hover { - --transform-translate-y: 16rem; +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } -.hover\:translate-y-72:hover { - --transform-translate-y: 18rem; +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } -.hover\:translate-y-80:hover { - --transform-translate-y: 20rem; +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } -.hover\:translate-y-96:hover { - --transform-translate-y: 24rem; +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } -.hover\:translate-y-px:hover { - --transform-translate-y: 1px; +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } -.hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } -.hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } -.hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } -.hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } -.hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; +.pointer-events-none { + pointer-events: none; } -.hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; +.pointer-events-auto { + pointer-events: auto; } -.hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; +.static { + position: static; } -.hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; +.fixed { + position: fixed; } -.hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; +.absolute { + position: absolute; } -.hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; +.relative { + position: relative; } -.hover\:translate-y-1\/5:hover { - --transform-translate-y: 20%; +.sticky { + position: sticky; } -.hover\:translate-y-2\/5:hover { - --transform-translate-y: 40%; +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } -.hover\:translate-y-3\/5:hover { - --transform-translate-y: 60%; +.inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } -.hover\:translate-y-4\/5:hover { - --transform-translate-y: 80%; +.inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } -.hover\:translate-y-1\/6:hover { - --transform-translate-y: 16.666667%; +.inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } -.hover\:translate-y-2\/6:hover { - --transform-translate-y: 33.333333%; +.inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } -.hover\:translate-y-3\/6:hover { - --transform-translate-y: 50%; +.inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } -.hover\:translate-y-4\/6:hover { - --transform-translate-y: 66.666667%; +.inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } -.hover\:translate-y-5\/6:hover { - --transform-translate-y: 83.333333%; +.inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } -.hover\:translate-y-1\/12:hover { - --transform-translate-y: 8.333333%; +.inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } -.hover\:translate-y-2\/12:hover { - --transform-translate-y: 16.666667%; +.inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } -.hover\:translate-y-3\/12:hover { - --transform-translate-y: 25%; +.inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } -.hover\:translate-y-4\/12:hover { - --transform-translate-y: 33.333333%; +.inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } -.hover\:translate-y-5\/12:hover { - --transform-translate-y: 41.666667%; +.inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } -.hover\:translate-y-6\/12:hover { - --transform-translate-y: 50%; +.inset-13 { + top: 3.25rem; + right: 3.25rem; + bottom: 3.25rem; + left: 3.25rem; } -.hover\:translate-y-7\/12:hover { - --transform-translate-y: 58.333333%; +.inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } -.hover\:translate-y-8\/12:hover { - --transform-translate-y: 66.666667%; +.inset-15 { + top: 3.75rem; + right: 3.75rem; + bottom: 3.75rem; + left: 3.75rem; } -.hover\:translate-y-9\/12:hover { - --transform-translate-y: 75%; +.inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } -.hover\:translate-y-10\/12:hover { - --transform-translate-y: 83.333333%; +.inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } -.hover\:translate-y-11\/12:hover { - --transform-translate-y: 91.666667%; +.inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } -.hover\:translate-y-full:hover { - --transform-translate-y: 100%; +.inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } -.hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; +.inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } -.hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; +.inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } -.hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; +.inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } -.hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; +.inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } -.hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; +.inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } -.hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; +.inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } -.hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; +.inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } -.hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; +.inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } -.hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; +.inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } -.hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; +.inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } -.hover\:-translate-y-11:hover { - --transform-translate-y: -2.75rem; +.inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } -.hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; +.inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } -.hover\:-translate-y-13:hover { - --transform-translate-y: -3.25rem; +.inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } -.hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; +.inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } -.hover\:-translate-y-15:hover { - --transform-translate-y: -3.75rem; +.inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } -.hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; +.inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } -.hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; +.inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } -.hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; +.inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } -.hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; +.inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; +.inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; +.inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; +.inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } -.hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; +.inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; +.inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } -.hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; +.inset-1\/5 { + top: 20%; + right: 20%; + bottom: 20%; + left: 20%; } -.hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; +.inset-2\/5 { + top: 40%; + right: 40%; + bottom: 40%; + left: 40%; } -.hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; +.inset-3\/5 { + top: 60%; + right: 60%; + bottom: 60%; + left: 60%; } -.hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; +.inset-4\/5 { + top: 80%; + right: 80%; + bottom: 80%; + left: 80%; } -.hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; +.inset-1\/6 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } -.hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; +.inset-2\/6 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; +.inset-3\/6 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:-translate-y-px:hover { - --transform-translate-y: -1px; +.inset-4\/6 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; +.inset-5\/6 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } -.hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; +.inset-1\/12 { + top: 8.333333%; + right: 8.333333%; + bottom: 8.333333%; + left: 8.333333%; } -.hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; +.inset-2\/12 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } -.hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; +.inset-3\/12 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } -.hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; +.inset-4\/12 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.33333%; +.inset-5\/12 { + top: 41.666667%; + right: 41.666667%; + bottom: 41.666667%; + left: 41.666667%; } -.hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.66667%; +.inset-6\/12 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; +.inset-7\/12 { + top: 58.333333%; + right: 58.333333%; + bottom: 58.333333%; + left: 58.333333%; } -.hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; +.inset-8\/12 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; +.inset-9\/12 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } -.hover\:-translate-y-1\/5:hover { - --transform-translate-y: -20%; +.inset-10\/12 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } -.hover\:-translate-y-2\/5:hover { - --transform-translate-y: -40%; +.inset-11\/12 { + top: 91.666667%; + right: 91.666667%; + bottom: 91.666667%; + left: 91.666667%; } -.hover\:-translate-y-3\/5:hover { - --transform-translate-y: -60%; +.inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } -.hover\:-translate-y-4\/5:hover { - --transform-translate-y: -80%; +.inset-y-0 { + top: 0; + bottom: 0; } -.hover\:-translate-y-1\/6:hover { - --transform-translate-y: -16.66667%; +.inset-x-0 { + right: 0; + left: 0; } -.hover\:-translate-y-2\/6:hover { - --transform-translate-y: -33.33333%; +.inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } -.hover\:-translate-y-3\/6:hover { - --transform-translate-y: -50%; +.inset-x-1 { + right: 0.25rem; + left: 0.25rem; } -.hover\:-translate-y-4\/6:hover { - --transform-translate-y: -66.66667%; +.inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } -.hover\:-translate-y-5\/6:hover { - --transform-translate-y: -83.33333%; +.inset-x-2 { + right: 0.5rem; + left: 0.5rem; } -.hover\:-translate-y-1\/12:hover { - --transform-translate-y: -8.33333%; +.inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } -.hover\:-translate-y-2\/12:hover { - --transform-translate-y: -16.66667%; +.inset-x-3 { + right: 0.75rem; + left: 0.75rem; } -.hover\:-translate-y-3\/12:hover { - --transform-translate-y: -25%; +.inset-y-4 { + top: 1rem; + bottom: 1rem; } -.hover\:-translate-y-4\/12:hover { - --transform-translate-y: -33.33333%; +.inset-x-4 { + right: 1rem; + left: 1rem; } -.hover\:-translate-y-5\/12:hover { - --transform-translate-y: -41.66667%; +.inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } -.hover\:-translate-y-6\/12:hover { - --transform-translate-y: -50%; +.inset-x-5 { + right: 1.25rem; + left: 1.25rem; } -.hover\:-translate-y-7\/12:hover { - --transform-translate-y: -58.33333%; +.inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } -.hover\:-translate-y-8\/12:hover { - --transform-translate-y: -66.66667%; +.inset-x-6 { + right: 1.5rem; + left: 1.5rem; } -.hover\:-translate-y-9\/12:hover { - --transform-translate-y: -75%; +.inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } -.hover\:-translate-y-10\/12:hover { - --transform-translate-y: -83.33333%; +.inset-x-7 { + right: 1.75rem; + left: 1.75rem; } -.hover\:-translate-y-11\/12:hover { - --transform-translate-y: -91.66667%; +.inset-y-8 { + top: 2rem; + bottom: 2rem; } -.hover\:-translate-y-full:hover { - --transform-translate-y: -100%; +.inset-x-8 { + right: 2rem; + left: 2rem; } -.focus\:translate-x-0:focus { - --transform-translate-x: 0; +.inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } -.focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; +.inset-x-9 { + right: 2.25rem; + left: 2.25rem; } -.focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; +.inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } -.focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; +.inset-x-10 { + right: 2.5rem; + left: 2.5rem; } -.focus\:translate-x-4:focus { - --transform-translate-x: 1rem; +.inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } -.focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; +.inset-x-11 { + right: 2.75rem; + left: 2.75rem; } -.focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; +.inset-y-12 { + top: 3rem; + bottom: 3rem; } -.focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; +.inset-x-12 { + right: 3rem; + left: 3rem; } -.focus\:translate-x-8:focus { - --transform-translate-x: 2rem; +.inset-y-13 { + top: 3.25rem; + bottom: 3.25rem; } -.focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; +.inset-x-13 { + right: 3.25rem; + left: 3.25rem; } -.focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; +.inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } -.focus\:translate-x-11:focus { - --transform-translate-x: 2.75rem; +.inset-x-14 { + right: 3.5rem; + left: 3.5rem; } -.focus\:translate-x-12:focus { - --transform-translate-x: 3rem; +.inset-y-15 { + top: 3.75rem; + bottom: 3.75rem; } -.focus\:translate-x-13:focus { - --transform-translate-x: 3.25rem; +.inset-x-15 { + right: 3.75rem; + left: 3.75rem; } -.focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; +.inset-y-16 { + top: 4rem; + bottom: 4rem; } -.focus\:translate-x-15:focus { - --transform-translate-x: 3.75rem; +.inset-x-16 { + right: 4rem; + left: 4rem; } -.focus\:translate-x-16:focus { - --transform-translate-x: 4rem; +.inset-y-20 { + top: 5rem; + bottom: 5rem; } -.focus\:translate-x-20:focus { - --transform-translate-x: 5rem; +.inset-x-20 { + right: 5rem; + left: 5rem; } -.focus\:translate-x-24:focus { - --transform-translate-x: 6rem; +.inset-y-24 { + top: 6rem; + bottom: 6rem; } -.focus\:translate-x-28:focus { - --transform-translate-x: 7rem; +.inset-x-24 { + right: 6rem; + left: 6rem; } -.focus\:translate-x-32:focus { - --transform-translate-x: 8rem; +.inset-y-28 { + top: 7rem; + bottom: 7rem; } -.focus\:translate-x-36:focus { - --transform-translate-x: 9rem; +.inset-x-28 { + right: 7rem; + left: 7rem; } -.focus\:translate-x-40:focus { - --transform-translate-x: 10rem; +.inset-y-32 { + top: 8rem; + bottom: 8rem; } -.focus\:translate-x-44:focus { - --transform-translate-x: 11rem; +.inset-x-32 { + right: 8rem; + left: 8rem; } -.focus\:translate-x-48:focus { - --transform-translate-x: 12rem; +.inset-y-36 { + top: 9rem; + bottom: 9rem; } -.focus\:translate-x-52:focus { - --transform-translate-x: 13rem; +.inset-x-36 { + right: 9rem; + left: 9rem; } -.focus\:translate-x-56:focus { - --transform-translate-x: 14rem; +.inset-y-40 { + top: 10rem; + bottom: 10rem; } -.focus\:translate-x-60:focus { - --transform-translate-x: 15rem; +.inset-x-40 { + right: 10rem; + left: 10rem; } -.focus\:translate-x-64:focus { - --transform-translate-x: 16rem; +.inset-y-44 { + top: 11rem; + bottom: 11rem; } -.focus\:translate-x-72:focus { - --transform-translate-x: 18rem; +.inset-x-44 { + right: 11rem; + left: 11rem; } -.focus\:translate-x-80:focus { - --transform-translate-x: 20rem; +.inset-y-48 { + top: 12rem; + bottom: 12rem; } -.focus\:translate-x-96:focus { - --transform-translate-x: 24rem; +.inset-x-48 { + right: 12rem; + left: 12rem; } -.focus\:translate-x-px:focus { - --transform-translate-x: 1px; +.inset-y-52 { + top: 13rem; + bottom: 13rem; } -.focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; +.inset-x-52 { + right: 13rem; + left: 13rem; } -.focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; +.inset-y-56 { + top: 14rem; + bottom: 14rem; } -.focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; +.inset-x-56 { + right: 14rem; + left: 14rem; } -.focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; +.inset-y-60 { + top: 15rem; + bottom: 15rem; } -.focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; +.inset-x-60 { + right: 15rem; + left: 15rem; } -.focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; +.inset-y-64 { + top: 16rem; + bottom: 16rem; } -.focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; +.inset-x-64 { + right: 16rem; + left: 16rem; } -.focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; +.inset-y-72 { + top: 18rem; + bottom: 18rem; } -.focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; +.inset-x-72 { + right: 18rem; + left: 18rem; } -.focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; +.inset-y-80 { + top: 20rem; + bottom: 20rem; } -.focus\:translate-x-1\/5:focus { - --transform-translate-x: 20%; +.inset-x-80 { + right: 20rem; + left: 20rem; } -.focus\:translate-x-2\/5:focus { - --transform-translate-x: 40%; +.inset-y-96 { + top: 24rem; + bottom: 24rem; +} + +.inset-x-96 { + right: 24rem; + left: 24rem; +} + +.inset-y-auto { + top: auto; + bottom: auto; +} + +.inset-x-auto { + right: auto; + left: auto; +} + +.inset-y-px { + top: 1px; + bottom: 1px; +} + +.inset-x-px { + right: 1px; + left: 1px; +} + +.inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; +} + +.inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; +} + +.inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; +} + +.inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; +} + +.inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; +} + +.inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; +} + +.inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; +} + +.inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; +} + +.inset-y-1\/2 { + top: 50%; + bottom: 50%; +} + +.inset-x-1\/2 { + right: 50%; + left: 50%; +} + +.inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; +} + +.inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; +} + +.inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; +} + +.inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; +} + +.inset-y-1\/4 { + top: 25%; + bottom: 25%; +} + +.inset-x-1\/4 { + right: 25%; + left: 25%; +} + +.inset-y-2\/4 { + top: 50%; + bottom: 50%; +} + +.inset-x-2\/4 { + right: 50%; + left: 50%; +} + +.inset-y-3\/4 { + top: 75%; + bottom: 75%; +} + +.inset-x-3\/4 { + right: 75%; + left: 75%; +} + +.inset-y-1\/5 { + top: 20%; + bottom: 20%; +} + +.inset-x-1\/5 { + right: 20%; + left: 20%; +} + +.inset-y-2\/5 { + top: 40%; + bottom: 40%; +} + +.inset-x-2\/5 { + right: 40%; + left: 40%; +} + +.inset-y-3\/5 { + top: 60%; + bottom: 60%; +} + +.inset-x-3\/5 { + right: 60%; + left: 60%; +} + +.inset-y-4\/5 { + top: 80%; + bottom: 80%; +} + +.inset-x-4\/5 { + right: 80%; + left: 80%; +} + +.inset-y-1\/6 { + top: 16.666667%; + bottom: 16.666667%; +} + +.inset-x-1\/6 { + right: 16.666667%; + left: 16.666667%; +} + +.inset-y-2\/6 { + top: 33.333333%; + bottom: 33.333333%; +} + +.inset-x-2\/6 { + right: 33.333333%; + left: 33.333333%; +} + +.inset-y-3\/6 { + top: 50%; + bottom: 50%; +} + +.inset-x-3\/6 { + right: 50%; + left: 50%; +} + +.inset-y-4\/6 { + top: 66.666667%; + bottom: 66.666667%; +} + +.inset-x-4\/6 { + right: 66.666667%; + left: 66.666667%; +} + +.inset-y-5\/6 { + top: 83.333333%; + bottom: 83.333333%; +} + +.inset-x-5\/6 { + right: 83.333333%; + left: 83.333333%; +} + +.inset-y-1\/12 { + top: 8.333333%; + bottom: 8.333333%; +} + +.inset-x-1\/12 { + right: 8.333333%; + left: 8.333333%; +} + +.inset-y-2\/12 { + top: 16.666667%; + bottom: 16.666667%; +} + +.inset-x-2\/12 { + right: 16.666667%; + left: 16.666667%; +} + +.inset-y-3\/12 { + top: 25%; + bottom: 25%; +} + +.inset-x-3\/12 { + right: 25%; + left: 25%; +} + +.inset-y-4\/12 { + top: 33.333333%; + bottom: 33.333333%; +} + +.inset-x-4\/12 { + right: 33.333333%; + left: 33.333333%; +} + +.inset-y-5\/12 { + top: 41.666667%; + bottom: 41.666667%; +} + +.inset-x-5\/12 { + right: 41.666667%; + left: 41.666667%; +} + +.inset-y-6\/12 { + top: 50%; + bottom: 50%; +} + +.inset-x-6\/12 { + right: 50%; + left: 50%; } -.focus\:translate-x-3\/5:focus { - --transform-translate-x: 60%; -} +.inset-y-7\/12 { + top: 58.333333%; + bottom: 58.333333%; +} + +.inset-x-7\/12 { + right: 58.333333%; + left: 58.333333%; +} + +.inset-y-8\/12 { + top: 66.666667%; + bottom: 66.666667%; +} + +.inset-x-8\/12 { + right: 66.666667%; + left: 66.666667%; +} + +.inset-y-9\/12 { + top: 75%; + bottom: 75%; +} + +.inset-x-9\/12 { + right: 75%; + left: 75%; +} + +.inset-y-10\/12 { + top: 83.333333%; + bottom: 83.333333%; +} + +.inset-x-10\/12 { + right: 83.333333%; + left: 83.333333%; +} + +.inset-y-11\/12 { + top: 91.666667%; + bottom: 91.666667%; +} + +.inset-x-11\/12 { + right: 91.666667%; + left: 91.666667%; +} + +.inset-y-full { + top: 100%; + bottom: 100%; +} + +.inset-x-full { + right: 100%; + left: 100%; +} + +.top-0 { + top: 0; +} + +.right-0 { + right: 0; +} + +.bottom-0 { + bottom: 0; +} + +.left-0 { + left: 0; +} + +.top-1 { + top: 0.25rem; +} + +.right-1 { + right: 0.25rem; +} + +.bottom-1 { + bottom: 0.25rem; +} + +.left-1 { + left: 0.25rem; +} + +.top-2 { + top: 0.5rem; +} + +.right-2 { + right: 0.5rem; +} + +.bottom-2 { + bottom: 0.5rem; +} + +.left-2 { + left: 0.5rem; +} + +.top-3 { + top: 0.75rem; +} + +.right-3 { + right: 0.75rem; +} + +.bottom-3 { + bottom: 0.75rem; +} + +.left-3 { + left: 0.75rem; +} + +.top-4 { + top: 1rem; +} + +.right-4 { + right: 1rem; +} + +.bottom-4 { + bottom: 1rem; +} + +.left-4 { + left: 1rem; +} + +.top-5 { + top: 1.25rem; +} + +.right-5 { + right: 1.25rem; +} + +.bottom-5 { + bottom: 1.25rem; +} + +.left-5 { + left: 1.25rem; +} + +.top-6 { + top: 1.5rem; +} + +.right-6 { + right: 1.5rem; +} + +.bottom-6 { + bottom: 1.5rem; +} + +.left-6 { + left: 1.5rem; +} + +.top-7 { + top: 1.75rem; +} + +.right-7 { + right: 1.75rem; +} + +.bottom-7 { + bottom: 1.75rem; +} + +.left-7 { + left: 1.75rem; +} + +.top-8 { + top: 2rem; +} + +.right-8 { + right: 2rem; +} + +.bottom-8 { + bottom: 2rem; +} + +.left-8 { + left: 2rem; +} + +.top-9 { + top: 2.25rem; +} + +.right-9 { + right: 2.25rem; +} + +.bottom-9 { + bottom: 2.25rem; +} + +.left-9 { + left: 2.25rem; +} + +.top-10 { + top: 2.5rem; +} + +.right-10 { + right: 2.5rem; +} + +.bottom-10 { + bottom: 2.5rem; +} + +.left-10 { + left: 2.5rem; +} + +.top-11 { + top: 2.75rem; +} + +.right-11 { + right: 2.75rem; +} + +.bottom-11 { + bottom: 2.75rem; +} + +.left-11 { + left: 2.75rem; +} + +.top-12 { + top: 3rem; +} + +.right-12 { + right: 3rem; +} + +.bottom-12 { + bottom: 3rem; +} + +.left-12 { + left: 3rem; +} + +.top-13 { + top: 3.25rem; +} + +.right-13 { + right: 3.25rem; +} + +.bottom-13 { + bottom: 3.25rem; +} + +.left-13 { + left: 3.25rem; +} + +.top-14 { + top: 3.5rem; +} + +.right-14 { + right: 3.5rem; +} + +.bottom-14 { + bottom: 3.5rem; +} + +.left-14 { + left: 3.5rem; +} + +.top-15 { + top: 3.75rem; +} + +.right-15 { + right: 3.75rem; +} + +.bottom-15 { + bottom: 3.75rem; +} + +.left-15 { + left: 3.75rem; +} + +.top-16 { + top: 4rem; +} + +.right-16 { + right: 4rem; +} + +.bottom-16 { + bottom: 4rem; +} + +.left-16 { + left: 4rem; +} + +.top-20 { + top: 5rem; +} + +.right-20 { + right: 5rem; +} + +.bottom-20 { + bottom: 5rem; +} + +.left-20 { + left: 5rem; +} + +.top-24 { + top: 6rem; +} + +.right-24 { + right: 6rem; +} + +.bottom-24 { + bottom: 6rem; +} + +.left-24 { + left: 6rem; +} + +.top-28 { + top: 7rem; +} + +.right-28 { + right: 7rem; +} + +.bottom-28 { + bottom: 7rem; +} + +.left-28 { + left: 7rem; +} + +.top-32 { + top: 8rem; +} + +.right-32 { + right: 8rem; +} + +.bottom-32 { + bottom: 8rem; +} + +.left-32 { + left: 8rem; +} + +.top-36 { + top: 9rem; +} + +.right-36 { + right: 9rem; +} + +.bottom-36 { + bottom: 9rem; +} + +.left-36 { + left: 9rem; +} + +.top-40 { + top: 10rem; +} + +.right-40 { + right: 10rem; +} + +.bottom-40 { + bottom: 10rem; +} + +.left-40 { + left: 10rem; +} + +.top-44 { + top: 11rem; +} + +.right-44 { + right: 11rem; +} + +.bottom-44 { + bottom: 11rem; +} + +.left-44 { + left: 11rem; +} + +.top-48 { + top: 12rem; +} + +.right-48 { + right: 12rem; +} + +.bottom-48 { + bottom: 12rem; +} + +.left-48 { + left: 12rem; +} + +.top-52 { + top: 13rem; +} + +.right-52 { + right: 13rem; +} + +.bottom-52 { + bottom: 13rem; +} + +.left-52 { + left: 13rem; +} + +.top-56 { + top: 14rem; +} + +.right-56 { + right: 14rem; +} + +.bottom-56 { + bottom: 14rem; +} + +.left-56 { + left: 14rem; +} + +.top-60 { + top: 15rem; +} + +.right-60 { + right: 15rem; +} + +.bottom-60 { + bottom: 15rem; +} + +.left-60 { + left: 15rem; +} + +.top-64 { + top: 16rem; +} + +.right-64 { + right: 16rem; +} + +.bottom-64 { + bottom: 16rem; +} + +.left-64 { + left: 16rem; +} + +.top-72 { + top: 18rem; +} + +.right-72 { + right: 18rem; +} + +.bottom-72 { + bottom: 18rem; +} + +.left-72 { + left: 18rem; +} + +.top-80 { + top: 20rem; +} + +.right-80 { + right: 20rem; +} + +.bottom-80 { + bottom: 20rem; +} + +.left-80 { + left: 20rem; +} + +.top-96 { + top: 24rem; +} + +.right-96 { + right: 24rem; +} + +.bottom-96 { + bottom: 24rem; +} + +.left-96 { + left: 24rem; +} + +.top-auto { + top: auto; +} + +.right-auto { + right: auto; +} + +.bottom-auto { + bottom: auto; +} + +.left-auto { + left: auto; +} + +.top-px { + top: 1px; +} + +.right-px { + right: 1px; +} + +.bottom-px { + bottom: 1px; +} + +.left-px { + left: 1px; +} + +.top-0\.5 { + top: 0.125rem; +} + +.right-0\.5 { + right: 0.125rem; +} + +.bottom-0\.5 { + bottom: 0.125rem; +} + +.left-0\.5 { + left: 0.125rem; +} + +.top-1\.5 { + top: 0.375rem; +} + +.right-1\.5 { + right: 0.375rem; +} + +.bottom-1\.5 { + bottom: 0.375rem; +} + +.left-1\.5 { + left: 0.375rem; +} + +.top-2\.5 { + top: 0.625rem; +} + +.right-2\.5 { + right: 0.625rem; +} + +.bottom-2\.5 { + bottom: 0.625rem; +} + +.left-2\.5 { + left: 0.625rem; +} + +.top-3\.5 { + top: 0.875rem; +} + +.right-3\.5 { + right: 0.875rem; +} + +.bottom-3\.5 { + bottom: 0.875rem; +} + +.left-3\.5 { + left: 0.875rem; +} + +.top-1\/2 { + top: 50%; +} + +.right-1\/2 { + right: 50%; +} + +.bottom-1\/2 { + bottom: 50%; +} + +.left-1\/2 { + left: 50%; +} + +.top-1\/3 { + top: 33.333333%; +} + +.right-1\/3 { + right: 33.333333%; +} + +.bottom-1\/3 { + bottom: 33.333333%; +} + +.left-1\/3 { + left: 33.333333%; +} + +.top-2\/3 { + top: 66.666667%; +} + +.right-2\/3 { + right: 66.666667%; +} + +.bottom-2\/3 { + bottom: 66.666667%; +} + +.left-2\/3 { + left: 66.666667%; +} + +.top-1\/4 { + top: 25%; +} + +.right-1\/4 { + right: 25%; +} + +.bottom-1\/4 { + bottom: 25%; +} + +.left-1\/4 { + left: 25%; +} + +.top-2\/4 { + top: 50%; +} + +.right-2\/4 { + right: 50%; +} + +.bottom-2\/4 { + bottom: 50%; +} + +.left-2\/4 { + left: 50%; +} + +.top-3\/4 { + top: 75%; +} + +.right-3\/4 { + right: 75%; +} + +.bottom-3\/4 { + bottom: 75%; +} + +.left-3\/4 { + left: 75%; +} + +.top-1\/5 { + top: 20%; +} + +.right-1\/5 { + right: 20%; +} + +.bottom-1\/5 { + bottom: 20%; +} + +.left-1\/5 { + left: 20%; +} + +.top-2\/5 { + top: 40%; +} + +.right-2\/5 { + right: 40%; +} + +.bottom-2\/5 { + bottom: 40%; +} + +.left-2\/5 { + left: 40%; +} + +.top-3\/5 { + top: 60%; +} + +.right-3\/5 { + right: 60%; +} + +.bottom-3\/5 { + bottom: 60%; +} + +.left-3\/5 { + left: 60%; +} + +.top-4\/5 { + top: 80%; +} + +.right-4\/5 { + right: 80%; +} + +.bottom-4\/5 { + bottom: 80%; +} + +.left-4\/5 { + left: 80%; +} + +.top-1\/6 { + top: 16.666667%; +} + +.right-1\/6 { + right: 16.666667%; +} + +.bottom-1\/6 { + bottom: 16.666667%; +} + +.left-1\/6 { + left: 16.666667%; +} + +.top-2\/6 { + top: 33.333333%; +} + +.right-2\/6 { + right: 33.333333%; +} + +.bottom-2\/6 { + bottom: 33.333333%; +} + +.left-2\/6 { + left: 33.333333%; +} + +.top-3\/6 { + top: 50%; +} + +.right-3\/6 { + right: 50%; +} + +.bottom-3\/6 { + bottom: 50%; +} + +.left-3\/6 { + left: 50%; +} + +.top-4\/6 { + top: 66.666667%; +} + +.right-4\/6 { + right: 66.666667%; +} + +.bottom-4\/6 { + bottom: 66.666667%; +} + +.left-4\/6 { + left: 66.666667%; +} + +.top-5\/6 { + top: 83.333333%; +} + +.right-5\/6 { + right: 83.333333%; +} + +.bottom-5\/6 { + bottom: 83.333333%; +} + +.left-5\/6 { + left: 83.333333%; +} + +.top-1\/12 { + top: 8.333333%; +} + +.right-1\/12 { + right: 8.333333%; +} + +.bottom-1\/12 { + bottom: 8.333333%; +} + +.left-1\/12 { + left: 8.333333%; +} + +.top-2\/12 { + top: 16.666667%; +} + +.right-2\/12 { + right: 16.666667%; +} + +.bottom-2\/12 { + bottom: 16.666667%; +} + +.left-2\/12 { + left: 16.666667%; +} + +.top-3\/12 { + top: 25%; +} + +.right-3\/12 { + right: 25%; +} + +.bottom-3\/12 { + bottom: 25%; +} + +.left-3\/12 { + left: 25%; +} + +.top-4\/12 { + top: 33.333333%; +} + +.right-4\/12 { + right: 33.333333%; +} + +.bottom-4\/12 { + bottom: 33.333333%; +} + +.left-4\/12 { + left: 33.333333%; +} + +.top-5\/12 { + top: 41.666667%; +} + +.right-5\/12 { + right: 41.666667%; +} + +.bottom-5\/12 { + bottom: 41.666667%; +} + +.left-5\/12 { + left: 41.666667%; +} + +.top-6\/12 { + top: 50%; +} + +.right-6\/12 { + right: 50%; +} + +.bottom-6\/12 { + bottom: 50%; +} + +.left-6\/12 { + left: 50%; +} + +.top-7\/12 { + top: 58.333333%; +} + +.right-7\/12 { + right: 58.333333%; +} + +.bottom-7\/12 { + bottom: 58.333333%; +} + +.left-7\/12 { + left: 58.333333%; +} + +.top-8\/12 { + top: 66.666667%; +} + +.right-8\/12 { + right: 66.666667%; +} + +.bottom-8\/12 { + bottom: 66.666667%; +} + +.left-8\/12 { + left: 66.666667%; +} + +.top-9\/12 { + top: 75%; +} + +.right-9\/12 { + right: 75%; +} + +.bottom-9\/12 { + bottom: 75%; +} + +.left-9\/12 { + left: 75%; +} + +.top-10\/12 { + top: 83.333333%; +} + +.right-10\/12 { + right: 83.333333%; +} + +.bottom-10\/12 { + bottom: 83.333333%; +} + +.left-10\/12 { + left: 83.333333%; +} + +.top-11\/12 { + top: 91.666667%; +} + +.right-11\/12 { + right: 91.666667%; +} + +.bottom-11\/12 { + bottom: 91.666667%; +} + +.left-11\/12 { + left: 91.666667%; +} + +.top-full { + top: 100%; +} + +.right-full { + right: 100%; +} + +.bottom-full { + bottom: 100%; +} + +.left-full { + left: 100%; +} + +.resize-none { + resize: none; +} + +.resize-y { + resize: vertical; +} + +.resize-x { + resize: horizontal; +} + +.resize { + resize: both; +} + +.shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +} + +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +} + +.shadow-none { + box-shadow: none; +} + +.hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +} + +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +} + +.hover\:shadow-none:hover { + box-shadow: none; +} + +.focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +} + +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +} + +.focus\:shadow-none:focus { + box-shadow: none; +} + +.fill-current { + fill: currentColor; +} + +.stroke-current { + stroke: currentColor; +} + +.stroke-0 { + stroke-width: 0; +} + +.stroke-1 { + stroke-width: 1; +} + +.stroke-2 { + stroke-width: 2; +} + +.table-auto { + table-layout: auto; +} + +.table-fixed { + table-layout: fixed; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-justify { + text-align: justify; +} + +.text-transparent { + color: transparent; +} + +.text-current { + color: currentColor; +} + +.text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); +} + +.text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); +} + +.text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); +} + +.text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); +} + +.text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); +} + +.text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); +} + +.text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); +} + +.text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); +} + +.text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); +} + +.text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); +} + +.text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); +} + +.text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); +} + +.text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); +} + +.text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); +} + +.text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); +} + +.text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); +} + +.text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); +} + +.text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); +} + +.text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); +} + +.text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); +} + +.text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); +} + +.text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); +} + +.text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); +} + +.text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); +} + +.text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); +} + +.text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); +} + +.text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); +} + +.text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); +} + +.text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); +} + +.text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); +} + +.text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); +} + +.text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); +} + +.text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); +} + +.text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); +} + +.text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); +} + +.text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); +} + +.text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); +} + +.text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); +} + +.text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); +} + +.text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); +} + +.text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); +} + +.text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); +} + +.text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); +} + +.text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); +} + +.text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); +} + +.text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); +} + +.text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); +} + +.text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); +} + +.text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); +} + +.text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); +} + +.text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); +} + +.text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); +} + +.text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); +} + +.text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); +} + +.text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); +} + +.text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); +} + +.text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); +} + +.text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); +} + +.text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); +} + +.text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); +} + +.text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); +} + +.text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); +} + +.text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); +} + +.text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); +} + +.text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); +} + +.text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); +} + +.text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); +} + +.text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); +} + +.text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); +} + +.text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); +} + +.text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); +} + +.text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); +} + +.text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); +} + +.text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); +} + +.text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); +} + +.text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); +} + +.text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); +} + +.text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); +} + +.text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); +} + +.text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); +} + +.text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); +} + +.text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); +} + +.text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); +} + +.text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); +} + +.text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); +} + +.text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); +} + +.text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); +} + +.text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); +} + +.text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); +} + +.text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); +} + +.text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); +} + +.text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); +} + +.text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); +} + +.text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); +} + +.text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); +} + +.text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); +} + +.text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); +} + +.text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); +} + +.text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); +} + +.text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); +} + +.text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); +} + +.text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); +} + +.hover\:text-transparent:hover { + color: transparent; +} + +.hover\:text-current:hover { + color: currentColor; +} + +.hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); +} + +.hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); +} + +.hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); +} + +.hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); +} + +.hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); +} + +.hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); +} + +.hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); +} + +.hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); +} + +.hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); +} + +.hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); +} + +.hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); +} + +.hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); +} + +.hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); +} + +.hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); +} + +.hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); +} + +.hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); +} + +.hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); +} + +.hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); +} + +.hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); +} + +.hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); +} + +.hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); +} + +.hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); +} + +.hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); +} + +.hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); +} + +.hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); +} + +.hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); +} + +.hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); +} + +.hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); +} + +.hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); +} + +.hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); +} + +.hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); +} + +.hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); +} + +.hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); +} + +.hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); +} + +.hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); +} + +.hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); +} + +.hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); +} + +.hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); +} + +.hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); +} + +.hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); +} + +.hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); +} + +.hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); +} + +.hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); +} + +.hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); +} + +.hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); +} + +.hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); +} + +.hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); +} + +.hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); +} + +.hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); +} + +.hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); +} + +.hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); +} + +.hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); +} + +.hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); +} + +.hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); +} + +.hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); +} + +.hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); +} + +.hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); +} + +.hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); +} + +.hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); +} + +.hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); +} + +.hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); +} + +.hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); +} + +.hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); +} + +.hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); +} + +.hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); +} + +.hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); +} + +.hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); +} + +.hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); +} + +.hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); +} + +.hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); +} + +.hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); +} + +.hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); +} + +.hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); +} + +.hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); +} + +.hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); +} + +.hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); +} + +.hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); +} + +.hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); +} + +.hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); +} + +.hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); +} + +.hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); +} + +.hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); +} + +.hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); +} + +.hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); +} + +.hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); +} + +.hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); +} + +.hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); +} + +.hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); +} + +.hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); +} + +.hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); +} + +.hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); +} + +.hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); +} + +.hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); +} + +.hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); +} + +.hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); +} + +.hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); +} + +.hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); +} + +.hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); +} + +.hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); +} + +.hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); +} + +.hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); +} + +.hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); +} + +.focus\:text-transparent:focus { + color: transparent; +} + +.focus\:text-current:focus { + color: currentColor; +} + +.focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); +} + +.focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); +} + +.focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); +} + +.focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); +} + +.focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); +} + +.focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); +} + +.focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); +} + +.focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); +} + +.focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); +} + +.focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); +} + +.focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); +} + +.focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); +} + +.focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); +} + +.focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); +} + +.focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); +} + +.focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); +} + +.focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); +} + +.focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); +} + +.focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); +} + +.focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); +} + +.focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); +} + +.focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); +} + +.focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); +} + +.focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); +} + +.focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); +} + +.focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); +} + +.focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); +} + +.focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); +} + +.focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); +} + +.focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); +} + +.focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); +} + +.focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); +} + +.focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); +} + +.focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); +} + +.focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); +} + +.focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); +} + +.focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); +} + +.focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); +} + +.focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); +} + +.focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); +} + +.focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); +} + +.focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); +} + +.focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); +} + +.focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); +} + +.focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); +} + +.focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); +} + +.focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); +} + +.focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); +} + +.focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); +} + +.focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); +} + +.focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); +} + +.focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); +} + +.focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); +} + +.focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); +} + +.focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); +} + +.focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); +} + +.focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); +} + +.focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); +} + +.focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); +} + +.focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); +} + +.focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); +} + +.focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); +} + +.focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); +} + +.focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); +} + +.focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); +} + +.focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); +} + +.focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); +} + +.focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); +} + +.focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); +} + +.focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); +} + +.focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); +} + +.focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); +} + +.focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); +} + +.focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); +} + +.focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); +} + +.focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); +} + +.focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); +} + +.focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); +} + +.focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); +} + +.focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); +} + +.focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); +} + +.focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); +} + +.focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); +} + +.focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); +} + +.focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); +} + +.focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); +} + +.focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); +} + +.focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); +} + +.focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); +} + +.focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); +} + +.focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); +} + +.focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); +} + +.focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); +} + +.focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); +} + +.focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); +} + +.focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); +} + +.focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); +} + +.focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); +} + +.focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); +} + +.focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); +} + +.focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); +} + +.focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); +} + +@media (prefers-color-scheme: dark) { + .dark\:text-transparent { + color: transparent; + } + + .dark\:text-current { + color: currentColor; + } + + .dark\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .dark\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .dark\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .dark\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .dark\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .dark\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .dark\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .dark\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .dark\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .dark\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .dark\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .dark\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .dark\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .dark\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .dark\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .dark\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .dark\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .dark\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .dark\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .dark\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .dark\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .dark\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .dark\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .dark\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .dark\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .dark\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .dark\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .dark\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .dark\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .dark\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .dark\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .dark\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .dark\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .dark\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .dark\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .dark\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .dark\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .dark\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .dark\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .dark\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .dark\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .dark\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .dark\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .dark\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .dark\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .dark\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .dark\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .dark\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .dark\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .dark\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .dark\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .dark\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .dark\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .dark\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .dark\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .dark\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .dark\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .dark\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .dark\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .dark\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .dark\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .dark\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .dark\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .dark\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .dark\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .dark\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .dark\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .dark\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .dark\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .dark\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .dark\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .dark\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .dark\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .dark\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .dark\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .dark\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .dark\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .dark\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .dark\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .dark\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .dark\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .dark\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .dark\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .dark\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .dark\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .dark\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .dark\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .dark\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .dark\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .dark\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .dark\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .dark\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .dark\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .dark\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .dark\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .dark\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .dark\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .dark\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .dark\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .dark\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .dark\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .dark\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .dark\:hover\:text-transparent:hover { + color: transparent; + } + + .dark\:hover\:text-current:hover { + color: currentColor; + } + + .dark\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .dark\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .dark\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .dark\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .dark\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .dark\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .dark\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .dark\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .dark\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .dark\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .dark\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .dark\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .dark\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .dark\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .dark\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .dark\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .dark\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .dark\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .dark\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .dark\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .dark\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .dark\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .dark\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .dark\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .dark\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .dark\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .dark\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .dark\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .dark\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .dark\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .dark\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .dark\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .dark\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .dark\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .dark\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .dark\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .dark\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .dark\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .dark\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .dark\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .dark\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .dark\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .dark\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .dark\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .dark\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .dark\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .dark\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .dark\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .dark\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .dark\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .dark\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .dark\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .dark\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .dark\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .dark\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .dark\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .dark\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .dark\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .dark\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .dark\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .dark\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .dark\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .dark\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .dark\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .dark\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .dark\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .dark\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .dark\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .dark\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .dark\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .dark\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .dark\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .dark\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .dark\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .dark\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .dark\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .dark\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .dark\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .dark\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .dark\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .dark\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .dark\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .dark\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .dark\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .dark\:focus\:text-transparent:focus { + color: transparent; + } + + .dark\:focus\:text-current:focus { + color: currentColor; + } + + .dark\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .dark\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .dark\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .dark\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .dark\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .dark\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .dark\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .dark\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .dark\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .dark\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .dark\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .dark\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .dark\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .dark\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .dark\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .dark\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .dark\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .dark\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .dark\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .dark\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .dark\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .dark\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .dark\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .dark\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .dark\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .dark\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .dark\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .dark\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .dark\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .dark\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .dark\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .dark\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .dark\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .dark\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .dark\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .dark\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .dark\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .dark\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .dark\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .dark\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .dark\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .dark\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .dark\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .dark\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .dark\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .dark\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .dark\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .dark\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .dark\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .dark\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .dark\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .dark\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .dark\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .dark\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .dark\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .dark\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .dark\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .dark\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .dark\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .dark\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .dark\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .dark\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .dark\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .dark\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .dark\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .dark\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .dark\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .dark\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .dark\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .dark\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .dark\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .dark\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .dark\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .dark\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .dark\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .dark\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .dark\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .dark\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .dark\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .dark\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .dark\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .dark\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .dark\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .dark\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } +} + +.text-opacity-0 { + --text-opacity: 0; +} + +.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 { + font-style: italic; +} + +.not-italic { + font-style: normal; +} + +.uppercase { + text-transform: uppercase; +} + +.lowercase { + text-transform: lowercase; +} + +.capitalize { + text-transform: capitalize; +} + +.normal-case { + text-transform: none; +} + +.underline { + text-decoration: underline; +} + +.line-through { + text-decoration: line-through; +} + +.no-underline { + text-decoration: none; +} + +.hover\:underline:hover { + text-decoration: underline; +} + +.hover\:line-through:hover { + text-decoration: line-through; +} + +.hover\:no-underline:hover { + text-decoration: none; +} + +.focus\:underline:focus { + text-decoration: underline; +} + +.focus\:line-through:focus { + text-decoration: line-through; +} + +.focus\:no-underline:focus { + text-decoration: none; +} + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + +.tracking-tight { + letter-spacing: -0.025em; +} + +.tracking-normal { + letter-spacing: 0; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; +} + +.tracking-widest { + letter-spacing: 0.1em; +} + +.select-none { + user-select: none; +} + +.select-text { + user-select: text; +} + +.select-all { + user-select: all; +} + +.select-auto { + user-select: auto; +} + +.align-baseline { + vertical-align: baseline; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.visible { + visibility: visible; +} + +.invisible { + visibility: hidden; +} + +.whitespace-normal { + white-space: normal; +} + +.whitespace-no-wrap { + white-space: nowrap; +} + +.whitespace-pre { + white-space: pre; +} + +.whitespace-pre-line { + white-space: pre-line; +} + +.whitespace-pre-wrap { + white-space: pre-wrap; +} + +.break-normal { + overflow-wrap: normal; + word-break: normal; +} + +.break-words { + overflow-wrap: break-word; +} + +.break-all { + word-break: break-all; +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.w-0 { + width: 0; +} + +.w-1 { + width: 0.25rem; +} + +.w-2 { + width: 0.5rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-4 { + width: 1rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-7 { + width: 1.75rem; +} + +.w-8 { + width: 2rem; +} + +.w-9 { + width: 2.25rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-11 { + width: 2.75rem; +} + +.w-12 { + width: 3rem; +} + +.w-13 { + width: 3.25rem; +} + +.w-14 { + width: 3.5rem; +} + +.w-15 { + width: 3.75rem; +} + +.w-16 { + width: 4rem; +} + +.w-20 { + width: 5rem; +} + +.w-24 { + width: 6rem; +} + +.w-28 { + width: 7rem; +} + +.w-32 { + width: 8rem; +} + +.w-36 { + width: 9rem; +} + +.w-40 { + width: 10rem; +} + +.w-44 { + width: 11rem; +} + +.w-48 { + width: 12rem; +} + +.w-52 { + width: 13rem; +} + +.w-56 { + width: 14rem; +} + +.w-60 { + width: 15rem; +} + +.w-64 { + width: 16rem; +} + +.w-72 { + width: 18rem; +} + +.w-80 { + width: 20rem; +} + +.w-96 { + width: 24rem; +} + +.w-auto { + width: auto; +} + +.w-px { + width: 1px; +} + +.w-0\.5 { + width: 0.125rem; +} + +.w-1\.5 { + width: 0.375rem; +} + +.w-2\.5 { + width: 0.625rem; +} + +.w-3\.5 { + width: 0.875rem; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-2\/3 { + width: 66.666667%; +} + +.w-1\/4 { + width: 25%; +} + +.w-2\/4 { + width: 50%; +} + +.w-3\/4 { + width: 75%; +} + +.w-1\/5 { + width: 20%; +} + +.w-2\/5 { + width: 40%; +} + +.w-3\/5 { + width: 60%; +} + +.w-4\/5 { + width: 80%; +} + +.w-1\/6 { + width: 16.666667%; +} + +.w-2\/6 { + width: 33.333333%; +} + +.w-3\/6 { + width: 50%; +} + +.w-4\/6 { + width: 66.666667%; +} + +.w-5\/6 { + width: 83.333333%; +} + +.w-1\/12 { + width: 8.333333%; +} + +.w-2\/12 { + width: 16.666667%; +} + +.w-3\/12 { + width: 25%; +} + +.w-4\/12 { + width: 33.333333%; +} + +.w-5\/12 { + width: 41.666667%; +} + +.w-6\/12 { + width: 50%; +} + +.w-7\/12 { + width: 58.333333%; +} + +.w-8\/12 { + width: 66.666667%; +} + +.w-9\/12 { + width: 75%; +} + +.w-10\/12 { + width: 83.333333%; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; +} + +.w-min-content { + width: min-content; +} + +.w-max-content { + width: max-content; +} + +.z-0 { + z-index: 0; +} + +.z-10 { + z-index: 10; +} + +.z-20 { + z-index: 20; +} + +.z-30 { + z-index: 30; +} + +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; +} + +.z-auto { + z-index: auto; +} + +.gap-0 { + grid-gap: 0; + gap: 0; +} + +.gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; +} + +.gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; +} + +.gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; +} + +.gap-4 { + grid-gap: 1rem; + gap: 1rem; +} + +.gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; +} + +.gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; +} + +.gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; +} + +.gap-8 { + grid-gap: 2rem; + gap: 2rem; +} + +.gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; +} + +.gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; +} + +.gap-11 { + grid-gap: 2.75rem; + gap: 2.75rem; +} + +.gap-12 { + grid-gap: 3rem; + gap: 3rem; +} + +.gap-13 { + grid-gap: 3.25rem; + gap: 3.25rem; +} + +.gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; +} + +.gap-15 { + grid-gap: 3.75rem; + gap: 3.75rem; +} + +.gap-16 { + grid-gap: 4rem; + gap: 4rem; +} + +.gap-20 { + grid-gap: 5rem; + gap: 5rem; +} + +.gap-24 { + grid-gap: 6rem; + gap: 6rem; +} + +.gap-28 { + grid-gap: 7rem; + gap: 7rem; +} + +.gap-32 { + grid-gap: 8rem; + gap: 8rem; +} + +.gap-36 { + grid-gap: 9rem; + gap: 9rem; +} + +.gap-40 { + grid-gap: 10rem; + gap: 10rem; +} + +.gap-44 { + grid-gap: 11rem; + gap: 11rem; +} + +.gap-48 { + grid-gap: 12rem; + gap: 12rem; +} + +.gap-52 { + grid-gap: 13rem; + gap: 13rem; +} + +.gap-56 { + grid-gap: 14rem; + gap: 14rem; +} + +.gap-60 { + grid-gap: 15rem; + gap: 15rem; +} + +.gap-64 { + grid-gap: 16rem; + gap: 16rem; +} + +.gap-72 { + grid-gap: 18rem; + gap: 18rem; +} + +.gap-80 { + grid-gap: 20rem; + gap: 20rem; +} + +.gap-96 { + grid-gap: 24rem; + gap: 24rem; +} + +.gap-px { + grid-gap: 1px; + gap: 1px; +} + +.gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; +} + +.gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; +} + +.gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; +} + +.gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; +} + +.gap-1\/2 { + grid-gap: 50%; + gap: 50%; +} + +.gap-1\/3 { + grid-gap: 33.333333%; + gap: 33.333333%; +} + +.gap-2\/3 { + grid-gap: 66.666667%; + gap: 66.666667%; +} + +.gap-1\/4 { + grid-gap: 25%; + gap: 25%; +} + +.gap-2\/4 { + grid-gap: 50%; + gap: 50%; +} + +.gap-3\/4 { + grid-gap: 75%; + gap: 75%; +} + +.gap-1\/5 { + grid-gap: 20%; + gap: 20%; +} + +.gap-2\/5 { + grid-gap: 40%; + gap: 40%; +} + +.gap-3\/5 { + grid-gap: 60%; + gap: 60%; +} + +.gap-4\/5 { + grid-gap: 80%; + gap: 80%; +} + +.gap-1\/6 { + grid-gap: 16.666667%; + gap: 16.666667%; +} + +.gap-2\/6 { + grid-gap: 33.333333%; + gap: 33.333333%; +} + +.gap-3\/6 { + grid-gap: 50%; + gap: 50%; +} + +.gap-4\/6 { + grid-gap: 66.666667%; + gap: 66.666667%; +} + +.gap-5\/6 { + grid-gap: 83.333333%; + gap: 83.333333%; +} + +.gap-1\/12 { + grid-gap: 8.333333%; + gap: 8.333333%; +} + +.gap-2\/12 { + grid-gap: 16.666667%; + gap: 16.666667%; +} + +.gap-3\/12 { + grid-gap: 25%; + gap: 25%; +} + +.gap-4\/12 { + grid-gap: 33.333333%; + gap: 33.333333%; +} + +.gap-5\/12 { + grid-gap: 41.666667%; + gap: 41.666667%; +} + +.gap-6\/12 { + grid-gap: 50%; + gap: 50%; +} + +.gap-7\/12 { + grid-gap: 58.333333%; + gap: 58.333333%; +} + +.gap-8\/12 { + grid-gap: 66.666667%; + gap: 66.666667%; +} + +.gap-9\/12 { + grid-gap: 75%; + gap: 75%; +} + +.gap-10\/12 { + grid-gap: 83.333333%; + gap: 83.333333%; +} + +.gap-11\/12 { + grid-gap: 91.666667%; + gap: 91.666667%; +} + +.gap-full { + grid-gap: 100%; + gap: 100%; +} + +.gap-x-0 { + grid-column-gap: 0; + column-gap: 0; +} + +.gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; +} + +.gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; +} + +.gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; +} + +.gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; +} + +.gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; +} + +.gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; +} + +.gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; +} + +.gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; +} + +.gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; +} + +.gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; +} + +.gap-x-11 { + grid-column-gap: 2.75rem; + column-gap: 2.75rem; +} + +.gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; +} + +.gap-x-13 { + grid-column-gap: 3.25rem; + column-gap: 3.25rem; +} + +.gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; +} + +.gap-x-15 { + grid-column-gap: 3.75rem; + column-gap: 3.75rem; +} + +.gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; +} + +.gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; +} + +.gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; +} + +.gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; +} + +.gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; +} + +.gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; +} + +.gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; +} + +.gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; +} + +.gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; +} + +.gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; +} + +.gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; +} + +.gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; +} + +.gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; +} + +.gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; +} + +.gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; +} + +.gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; +} + +.gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; +} + +.gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; +} + +.gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; +} + +.gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; +} + +.gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; +} + +.gap-x-1\/2 { + grid-column-gap: 50%; + column-gap: 50%; +} + +.gap-x-1\/3 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; +} + +.gap-x-2\/3 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; +} + +.gap-x-1\/4 { + grid-column-gap: 25%; + column-gap: 25%; +} + +.gap-x-2\/4 { + grid-column-gap: 50%; + column-gap: 50%; +} + +.gap-x-3\/4 { + grid-column-gap: 75%; + column-gap: 75%; +} + +.gap-x-1\/5 { + grid-column-gap: 20%; + column-gap: 20%; +} + +.gap-x-2\/5 { + grid-column-gap: 40%; + column-gap: 40%; +} + +.gap-x-3\/5 { + grid-column-gap: 60%; + column-gap: 60%; +} + +.gap-x-4\/5 { + grid-column-gap: 80%; + column-gap: 80%; +} + +.gap-x-1\/6 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; +} + +.gap-x-2\/6 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; +} + +.gap-x-3\/6 { + grid-column-gap: 50%; + column-gap: 50%; +} + +.gap-x-4\/6 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; +} + +.gap-x-5\/6 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; +} + +.gap-x-1\/12 { + grid-column-gap: 8.333333%; + column-gap: 8.333333%; +} + +.gap-x-2\/12 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; +} + +.gap-x-3\/12 { + grid-column-gap: 25%; + column-gap: 25%; +} + +.gap-x-4\/12 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; +} + +.gap-x-5\/12 { + grid-column-gap: 41.666667%; + column-gap: 41.666667%; +} + +.gap-x-6\/12 { + grid-column-gap: 50%; + column-gap: 50%; +} + +.gap-x-7\/12 { + grid-column-gap: 58.333333%; + column-gap: 58.333333%; +} + +.gap-x-8\/12 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; +} + +.gap-x-9\/12 { + grid-column-gap: 75%; + column-gap: 75%; +} + +.gap-x-10\/12 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; +} + +.gap-x-11\/12 { + grid-column-gap: 91.666667%; + column-gap: 91.666667%; +} + +.gap-x-full { + grid-column-gap: 100%; + column-gap: 100%; +} + +.gap-y-0 { + grid-row-gap: 0; + row-gap: 0; +} + +.gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; +} + +.gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; +} + +.gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; +} + +.gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; +} + +.gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; +} + +.gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; +} + +.gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; +} + +.gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; +} + +.gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; +} + +.gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; +} + +.gap-y-11 { + grid-row-gap: 2.75rem; + row-gap: 2.75rem; +} + +.gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; +} + +.gap-y-13 { + grid-row-gap: 3.25rem; + row-gap: 3.25rem; +} + +.gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; +} + +.gap-y-15 { + grid-row-gap: 3.75rem; + row-gap: 3.75rem; +} + +.gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; +} + +.gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; +} + +.gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; +} + +.gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; +} + +.gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; +} + +.gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; +} + +.gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; +} + +.gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; +} + +.gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; +} + +.gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; +} + +.gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; +} + +.gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; +} + +.gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; +} + +.gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; +} + +.gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; +} + +.gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; +} + +.gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; +} + +.gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; +} + +.gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; +} + +.gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; +} + +.gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; +} + +.gap-y-1\/2 { + grid-row-gap: 50%; + row-gap: 50%; +} + +.gap-y-1\/3 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; +} + +.gap-y-2\/3 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; +} + +.gap-y-1\/4 { + grid-row-gap: 25%; + row-gap: 25%; +} + +.gap-y-2\/4 { + grid-row-gap: 50%; + row-gap: 50%; +} + +.gap-y-3\/4 { + grid-row-gap: 75%; + row-gap: 75%; +} + +.gap-y-1\/5 { + grid-row-gap: 20%; + row-gap: 20%; +} + +.gap-y-2\/5 { + grid-row-gap: 40%; + row-gap: 40%; +} + +.gap-y-3\/5 { + grid-row-gap: 60%; + row-gap: 60%; +} + +.gap-y-4\/5 { + grid-row-gap: 80%; + row-gap: 80%; +} + +.gap-y-1\/6 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; +} + +.gap-y-2\/6 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; +} + +.gap-y-3\/6 { + grid-row-gap: 50%; + row-gap: 50%; +} + +.gap-y-4\/6 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; +} + +.gap-y-5\/6 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; +} + +.gap-y-1\/12 { + grid-row-gap: 8.333333%; + row-gap: 8.333333%; +} + +.gap-y-2\/12 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; +} + +.gap-y-3\/12 { + grid-row-gap: 25%; + row-gap: 25%; +} + +.gap-y-4\/12 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; +} + +.gap-y-5\/12 { + grid-row-gap: 41.666667%; + row-gap: 41.666667%; +} + +.gap-y-6\/12 { + grid-row-gap: 50%; + row-gap: 50%; +} + +.gap-y-7\/12 { + grid-row-gap: 58.333333%; + row-gap: 58.333333%; +} + +.gap-y-8\/12 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; +} + +.gap-y-9\/12 { + grid-row-gap: 75%; + row-gap: 75%; +} + +.gap-y-10\/12 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; +} + +.gap-y-11\/12 { + grid-row-gap: 91.666667%; + row-gap: 91.666667%; +} + +.gap-y-full { + grid-row-gap: 100%; + row-gap: 100%; +} + +.grid-flow-row { + grid-auto-flow: row; +} + +.grid-flow-col { + grid-auto-flow: column; +} + +.grid-flow-row-dense { + grid-auto-flow: row dense; +} + +.grid-flow-col-dense { + grid-auto-flow: column dense; +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} + +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} + +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} + +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} + +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} + +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.grid-cols-none { + grid-template-columns: none; +} + +.col-auto { + grid-column: auto; +} + +.col-span-1 { + grid-column: span 1 / span 1; +} + +.col-span-2 { + grid-column: span 2 / span 2; +} + +.col-span-3 { + grid-column: span 3 / span 3; +} + +.col-span-4 { + grid-column: span 4 / span 4; +} + +.col-span-5 { + grid-column: span 5 / span 5; +} + +.col-span-6 { + grid-column: span 6 / span 6; +} + +.col-span-7 { + grid-column: span 7 / span 7; +} + +.col-span-8 { + grid-column: span 8 / span 8; +} + +.col-span-9 { + grid-column: span 9 / span 9; +} + +.col-span-10 { + grid-column: span 10 / span 10; +} + +.col-span-11 { + grid-column: span 11 / span 11; +} + +.col-span-12 { + grid-column: span 12 / span 12; +} + +.col-start-1 { + grid-column-start: 1; +} + +.col-start-2 { + grid-column-start: 2; +} + +.col-start-3 { + grid-column-start: 3; +} + +.col-start-4 { + grid-column-start: 4; +} + +.col-start-5 { + grid-column-start: 5; +} + +.col-start-6 { + grid-column-start: 6; +} + +.col-start-7 { + grid-column-start: 7; +} + +.col-start-8 { + grid-column-start: 8; +} + +.col-start-9 { + grid-column-start: 9; +} + +.col-start-10 { + grid-column-start: 10; +} + +.col-start-11 { + grid-column-start: 11; +} + +.col-start-12 { + grid-column-start: 12; +} + +.col-start-13 { + grid-column-start: 13; +} + +.col-start-auto { + grid-column-start: auto; +} + +.col-end-1 { + grid-column-end: 1; +} + +.col-end-2 { + grid-column-end: 2; +} + +.col-end-3 { + grid-column-end: 3; +} + +.col-end-4 { + grid-column-end: 4; +} + +.col-end-5 { + grid-column-end: 5; +} + +.col-end-6 { + grid-column-end: 6; +} + +.col-end-7 { + grid-column-end: 7; +} + +.col-end-8 { + grid-column-end: 8; +} + +.col-end-9 { + grid-column-end: 9; +} + +.col-end-10 { + grid-column-end: 10; +} + +.col-end-11 { + grid-column-end: 11; +} + +.col-end-12 { + grid-column-end: 12; +} + +.col-end-13 { + grid-column-end: 13; +} + +.col-end-auto { + grid-column-end: auto; +} + +.grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); +} + +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} + +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} + +.grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); +} + +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); +} + +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} + +.grid-rows-none { + grid-template-rows: none; +} + +.row-auto { + grid-row: auto; +} + +.row-span-1 { + grid-row: span 1 / span 1; +} + +.row-span-2 { + grid-row: span 2 / span 2; +} + +.row-span-3 { + grid-row: span 3 / span 3; +} + +.row-span-4 { + grid-row: span 4 / span 4; +} + +.row-span-5 { + grid-row: span 5 / span 5; +} + +.row-span-6 { + grid-row: span 6 / span 6; +} + +.row-start-1 { + grid-row-start: 1; +} + +.row-start-2 { + grid-row-start: 2; +} + +.row-start-3 { + grid-row-start: 3; +} + +.row-start-4 { + grid-row-start: 4; +} + +.row-start-5 { + grid-row-start: 5; +} + +.row-start-6 { + grid-row-start: 6; +} + +.row-start-7 { + grid-row-start: 7; +} + +.row-start-auto { + grid-row-start: auto; +} + +.row-end-1 { + grid-row-end: 1; +} + +.row-end-2 { + grid-row-end: 2; +} + +.row-end-3 { + grid-row-end: 3; +} + +.row-end-4 { + grid-row-end: 4; +} + +.row-end-5 { + grid-row-end: 5; +} + +.row-end-6 { + grid-row-end: 6; +} + +.row-end-7 { + grid-row-end: 7; +} + +.row-end-auto { + grid-row-end: auto; +} + +.transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); +} + +.transform-none { + transform: none; +} + +.origin-center { + transform-origin: center; +} + +.origin-top { + transform-origin: top; +} + +.origin-top-right { + transform-origin: top right; +} + +.origin-right { + transform-origin: right; +} + +.origin-bottom-right { + transform-origin: bottom right; +} + +.origin-bottom { + transform-origin: bottom; +} + +.origin-bottom-left { + transform-origin: bottom left; +} + +.origin-left { + transform-origin: left; +} + +.origin-top-left { + transform-origin: top left; +} + +.scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; +} + +.scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; +} + +.scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; +} + +.scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; +} + +.scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; +} + +.scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; +} + +.scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; +} + +.scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; +} + +.scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; +} + +.scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; +} + +.scale-x-0 { + --transform-scale-x: 0; +} + +.scale-x-50 { + --transform-scale-x: .5; +} + +.scale-x-75 { + --transform-scale-x: .75; +} + +.scale-x-90 { + --transform-scale-x: .9; +} + +.scale-x-95 { + --transform-scale-x: .95; +} + +.scale-x-100 { + --transform-scale-x: 1; +} + +.scale-x-105 { + --transform-scale-x: 1.05; +} + +.scale-x-110 { + --transform-scale-x: 1.1; +} + +.scale-x-125 { + --transform-scale-x: 1.25; +} + +.scale-x-150 { + --transform-scale-x: 1.5; +} + +.scale-y-0 { + --transform-scale-y: 0; +} + +.scale-y-50 { + --transform-scale-y: .5; +} + +.scale-y-75 { + --transform-scale-y: .75; +} + +.scale-y-90 { + --transform-scale-y: .9; +} + +.scale-y-95 { + --transform-scale-y: .95; +} + +.scale-y-100 { + --transform-scale-y: 1; +} + +.scale-y-105 { + --transform-scale-y: 1.05; +} + +.scale-y-110 { + --transform-scale-y: 1.1; +} + +.scale-y-125 { + --transform-scale-y: 1.25; +} + +.scale-y-150 { + --transform-scale-y: 1.5; +} + +.hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; +} + +.hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; +} + +.hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; +} + +.hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; +} + +.hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; +} + +.hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; +} + +.hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; +} + +.hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; +} + +.hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; +} + +.hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; +} + +.hover\:scale-x-0:hover { + --transform-scale-x: 0; +} + +.hover\:scale-x-50:hover { + --transform-scale-x: .5; +} + +.hover\:scale-x-75:hover { + --transform-scale-x: .75; +} + +.hover\:scale-x-90:hover { + --transform-scale-x: .9; +} + +.hover\:scale-x-95:hover { + --transform-scale-x: .95; +} + +.hover\:scale-x-100:hover { + --transform-scale-x: 1; +} + +.hover\:scale-x-105:hover { + --transform-scale-x: 1.05; +} + +.hover\:scale-x-110:hover { + --transform-scale-x: 1.1; +} + +.hover\:scale-x-125:hover { + --transform-scale-x: 1.25; +} + +.hover\:scale-x-150:hover { + --transform-scale-x: 1.5; +} + +.hover\:scale-y-0:hover { + --transform-scale-y: 0; +} + +.hover\:scale-y-50:hover { + --transform-scale-y: .5; +} + +.hover\:scale-y-75:hover { + --transform-scale-y: .75; +} + +.hover\:scale-y-90:hover { + --transform-scale-y: .9; +} + +.hover\:scale-y-95:hover { + --transform-scale-y: .95; +} + +.hover\:scale-y-100:hover { + --transform-scale-y: 1; +} + +.hover\:scale-y-105:hover { + --transform-scale-y: 1.05; +} + +.hover\:scale-y-110:hover { + --transform-scale-y: 1.1; +} + +.hover\:scale-y-125:hover { + --transform-scale-y: 1.25; +} + +.hover\:scale-y-150:hover { + --transform-scale-y: 1.5; +} + +.focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; +} + +.focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; +} + +.focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; +} + +.focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; +} + +.focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; +} + +.focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; +} + +.focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; +} + +.focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; +} + +.focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; +} + +.focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; +} + +.focus\:scale-x-0:focus { + --transform-scale-x: 0; +} + +.focus\:scale-x-50:focus { + --transform-scale-x: .5; +} + +.focus\:scale-x-75:focus { + --transform-scale-x: .75; +} + +.focus\:scale-x-90:focus { + --transform-scale-x: .9; +} + +.focus\:scale-x-95:focus { + --transform-scale-x: .95; +} + +.focus\:scale-x-100:focus { + --transform-scale-x: 1; +} + +.focus\:scale-x-105:focus { + --transform-scale-x: 1.05; +} + +.focus\:scale-x-110:focus { + --transform-scale-x: 1.1; +} + +.focus\:scale-x-125:focus { + --transform-scale-x: 1.25; +} + +.focus\:scale-x-150:focus { + --transform-scale-x: 1.5; +} + +.focus\:scale-y-0:focus { + --transform-scale-y: 0; +} + +.focus\:scale-y-50:focus { + --transform-scale-y: .5; +} + +.focus\:scale-y-75:focus { + --transform-scale-y: .75; +} + +.focus\:scale-y-90:focus { + --transform-scale-y: .9; +} + +.focus\:scale-y-95:focus { + --transform-scale-y: .95; +} + +.focus\:scale-y-100:focus { + --transform-scale-y: 1; +} + +.focus\:scale-y-105:focus { + --transform-scale-y: 1.05; +} + +.focus\:scale-y-110:focus { + --transform-scale-y: 1.1; +} + +.focus\:scale-y-125:focus { + --transform-scale-y: 1.25; +} + +.focus\:scale-y-150:focus { + --transform-scale-y: 1.5; +} + +.rotate-0 { + --transform-rotate: 0; +} + +.rotate-45 { + --transform-rotate: 45deg; +} + +.rotate-90 { + --transform-rotate: 90deg; +} + +.rotate-180 { + --transform-rotate: 180deg; +} + +.-rotate-180 { + --transform-rotate: -180deg; +} + +.-rotate-90 { + --transform-rotate: -90deg; +} + +.-rotate-45 { + --transform-rotate: -45deg; +} + +.hover\:rotate-0:hover { + --transform-rotate: 0; +} + +.hover\:rotate-45:hover { + --transform-rotate: 45deg; +} + +.hover\:rotate-90:hover { + --transform-rotate: 90deg; +} + +.hover\:rotate-180:hover { + --transform-rotate: 180deg; +} + +.hover\:-rotate-180:hover { + --transform-rotate: -180deg; +} + +.hover\:-rotate-90:hover { + --transform-rotate: -90deg; +} + +.hover\:-rotate-45:hover { + --transform-rotate: -45deg; +} + +.focus\:rotate-0:focus { + --transform-rotate: 0; +} + +.focus\:rotate-45:focus { + --transform-rotate: 45deg; +} + +.focus\:rotate-90:focus { + --transform-rotate: 90deg; +} + +.focus\:rotate-180:focus { + --transform-rotate: 180deg; +} + +.focus\:-rotate-180:focus { + --transform-rotate: -180deg; +} + +.focus\:-rotate-90:focus { + --transform-rotate: -90deg; +} + +.focus\:-rotate-45:focus { + --transform-rotate: -45deg; +} + +.translate-x-0 { + --transform-translate-x: 0; +} + +.translate-x-1 { + --transform-translate-x: 0.25rem; +} + +.translate-x-2 { + --transform-translate-x: 0.5rem; +} + +.translate-x-3 { + --transform-translate-x: 0.75rem; +} + +.translate-x-4 { + --transform-translate-x: 1rem; +} + +.translate-x-5 { + --transform-translate-x: 1.25rem; +} + +.translate-x-6 { + --transform-translate-x: 1.5rem; +} + +.translate-x-7 { + --transform-translate-x: 1.75rem; +} + +.translate-x-8 { + --transform-translate-x: 2rem; +} + +.translate-x-9 { + --transform-translate-x: 2.25rem; +} + +.translate-x-10 { + --transform-translate-x: 2.5rem; +} + +.translate-x-11 { + --transform-translate-x: 2.75rem; +} + +.translate-x-12 { + --transform-translate-x: 3rem; +} + +.translate-x-13 { + --transform-translate-x: 3.25rem; +} + +.translate-x-14 { + --transform-translate-x: 3.5rem; +} + +.translate-x-15 { + --transform-translate-x: 3.75rem; +} + +.translate-x-16 { + --transform-translate-x: 4rem; +} + +.translate-x-20 { + --transform-translate-x: 5rem; +} + +.translate-x-24 { + --transform-translate-x: 6rem; +} + +.translate-x-28 { + --transform-translate-x: 7rem; +} + +.translate-x-32 { + --transform-translate-x: 8rem; +} + +.translate-x-36 { + --transform-translate-x: 9rem; +} + +.translate-x-40 { + --transform-translate-x: 10rem; +} + +.translate-x-44 { + --transform-translate-x: 11rem; +} + +.translate-x-48 { + --transform-translate-x: 12rem; +} + +.translate-x-52 { + --transform-translate-x: 13rem; +} + +.translate-x-56 { + --transform-translate-x: 14rem; +} + +.translate-x-60 { + --transform-translate-x: 15rem; +} + +.translate-x-64 { + --transform-translate-x: 16rem; +} + +.translate-x-72 { + --transform-translate-x: 18rem; +} + +.translate-x-80 { + --transform-translate-x: 20rem; +} + +.translate-x-96 { + --transform-translate-x: 24rem; +} + +.translate-x-px { + --transform-translate-x: 1px; +} + +.translate-x-0\.5 { + --transform-translate-x: 0.125rem; +} + +.translate-x-1\.5 { + --transform-translate-x: 0.375rem; +} + +.translate-x-2\.5 { + --transform-translate-x: 0.625rem; +} + +.translate-x-3\.5 { + --transform-translate-x: 0.875rem; +} + +.translate-x-1\/2 { + --transform-translate-x: 50%; +} + +.translate-x-1\/3 { + --transform-translate-x: 33.333333%; +} + +.translate-x-2\/3 { + --transform-translate-x: 66.666667%; +} + +.translate-x-1\/4 { + --transform-translate-x: 25%; +} + +.translate-x-2\/4 { + --transform-translate-x: 50%; +} + +.translate-x-3\/4 { + --transform-translate-x: 75%; +} + +.translate-x-1\/5 { + --transform-translate-x: 20%; +} + +.translate-x-2\/5 { + --transform-translate-x: 40%; +} + +.translate-x-3\/5 { + --transform-translate-x: 60%; +} + +.translate-x-4\/5 { + --transform-translate-x: 80%; +} + +.translate-x-1\/6 { + --transform-translate-x: 16.666667%; +} + +.translate-x-2\/6 { + --transform-translate-x: 33.333333%; +} + +.translate-x-3\/6 { + --transform-translate-x: 50%; +} + +.translate-x-4\/6 { + --transform-translate-x: 66.666667%; +} + +.translate-x-5\/6 { + --transform-translate-x: 83.333333%; +} + +.translate-x-1\/12 { + --transform-translate-x: 8.333333%; +} + +.translate-x-2\/12 { + --transform-translate-x: 16.666667%; +} + +.translate-x-3\/12 { + --transform-translate-x: 25%; +} + +.translate-x-4\/12 { + --transform-translate-x: 33.333333%; +} + +.translate-x-5\/12 { + --transform-translate-x: 41.666667%; +} + +.translate-x-6\/12 { + --transform-translate-x: 50%; +} + +.translate-x-7\/12 { + --transform-translate-x: 58.333333%; +} + +.translate-x-8\/12 { + --transform-translate-x: 66.666667%; +} + +.translate-x-9\/12 { + --transform-translate-x: 75%; +} + +.translate-x-10\/12 { + --transform-translate-x: 83.333333%; +} + +.translate-x-11\/12 { + --transform-translate-x: 91.666667%; +} + +.translate-x-full { + --transform-translate-x: 100%; +} + +.-translate-x-1 { + --transform-translate-x: -0.25rem; +} + +.-translate-x-2 { + --transform-translate-x: -0.5rem; +} + +.-translate-x-3 { + --transform-translate-x: -0.75rem; +} + +.-translate-x-4 { + --transform-translate-x: -1rem; +} + +.-translate-x-5 { + --transform-translate-x: -1.25rem; +} + +.-translate-x-6 { + --transform-translate-x: -1.5rem; +} + +.-translate-x-7 { + --transform-translate-x: -1.75rem; +} + +.-translate-x-8 { + --transform-translate-x: -2rem; +} + +.-translate-x-9 { + --transform-translate-x: -2.25rem; +} + +.-translate-x-10 { + --transform-translate-x: -2.5rem; +} + +.-translate-x-11 { + --transform-translate-x: -2.75rem; +} + +.-translate-x-12 { + --transform-translate-x: -3rem; +} + +.-translate-x-13 { + --transform-translate-x: -3.25rem; +} + +.-translate-x-14 { + --transform-translate-x: -3.5rem; +} + +.-translate-x-15 { + --transform-translate-x: -3.75rem; +} + +.-translate-x-16 { + --transform-translate-x: -4rem; +} + +.-translate-x-20 { + --transform-translate-x: -5rem; +} + +.-translate-x-24 { + --transform-translate-x: -6rem; +} + +.-translate-x-28 { + --transform-translate-x: -7rem; +} + +.-translate-x-32 { + --transform-translate-x: -8rem; +} + +.-translate-x-36 { + --transform-translate-x: -9rem; +} + +.-translate-x-40 { + --transform-translate-x: -10rem; +} + +.-translate-x-44 { + --transform-translate-x: -11rem; +} + +.-translate-x-48 { + --transform-translate-x: -12rem; +} + +.-translate-x-52 { + --transform-translate-x: -13rem; +} + +.-translate-x-56 { + --transform-translate-x: -14rem; +} + +.-translate-x-60 { + --transform-translate-x: -15rem; +} + +.-translate-x-64 { + --transform-translate-x: -16rem; +} + +.-translate-x-72 { + --transform-translate-x: -18rem; +} + +.-translate-x-80 { + --transform-translate-x: -20rem; +} + +.-translate-x-96 { + --transform-translate-x: -24rem; +} + +.-translate-x-px { + --transform-translate-x: -1px; +} + +.-translate-x-0\.5 { + --transform-translate-x: -0.125rem; +} + +.-translate-x-1\.5 { + --transform-translate-x: -0.375rem; +} + +.-translate-x-2\.5 { + --transform-translate-x: -0.625rem; +} + +.-translate-x-3\.5 { + --transform-translate-x: -0.875rem; +} + +.-translate-x-1\/2 { + --transform-translate-x: -50%; +} + +.-translate-x-1\/3 { + --transform-translate-x: -33.33333%; +} + +.-translate-x-2\/3 { + --transform-translate-x: -66.66667%; +} + +.-translate-x-1\/4 { + --transform-translate-x: -25%; +} + +.-translate-x-2\/4 { + --transform-translate-x: -50%; +} + +.-translate-x-3\/4 { + --transform-translate-x: -75%; +} + +.-translate-x-1\/5 { + --transform-translate-x: -20%; +} + +.-translate-x-2\/5 { + --transform-translate-x: -40%; +} + +.-translate-x-3\/5 { + --transform-translate-x: -60%; +} + +.-translate-x-4\/5 { + --transform-translate-x: -80%; +} + +.-translate-x-1\/6 { + --transform-translate-x: -16.66667%; +} + +.-translate-x-2\/6 { + --transform-translate-x: -33.33333%; +} + +.-translate-x-3\/6 { + --transform-translate-x: -50%; +} + +.-translate-x-4\/6 { + --transform-translate-x: -66.66667%; +} + +.-translate-x-5\/6 { + --transform-translate-x: -83.33333%; +} + +.-translate-x-1\/12 { + --transform-translate-x: -8.33333%; +} + +.-translate-x-2\/12 { + --transform-translate-x: -16.66667%; +} + +.-translate-x-3\/12 { + --transform-translate-x: -25%; +} + +.-translate-x-4\/12 { + --transform-translate-x: -33.33333%; +} + +.-translate-x-5\/12 { + --transform-translate-x: -41.66667%; +} + +.-translate-x-6\/12 { + --transform-translate-x: -50%; +} + +.-translate-x-7\/12 { + --transform-translate-x: -58.33333%; +} + +.-translate-x-8\/12 { + --transform-translate-x: -66.66667%; +} + +.-translate-x-9\/12 { + --transform-translate-x: -75%; +} + +.-translate-x-10\/12 { + --transform-translate-x: -83.33333%; +} + +.-translate-x-11\/12 { + --transform-translate-x: -91.66667%; +} + +.-translate-x-full { + --transform-translate-x: -100%; +} + +.translate-y-0 { + --transform-translate-y: 0; +} + +.translate-y-1 { + --transform-translate-y: 0.25rem; +} + +.translate-y-2 { + --transform-translate-y: 0.5rem; +} + +.translate-y-3 { + --transform-translate-y: 0.75rem; +} + +.translate-y-4 { + --transform-translate-y: 1rem; +} + +.translate-y-5 { + --transform-translate-y: 1.25rem; +} + +.translate-y-6 { + --transform-translate-y: 1.5rem; +} + +.translate-y-7 { + --transform-translate-y: 1.75rem; +} + +.translate-y-8 { + --transform-translate-y: 2rem; +} + +.translate-y-9 { + --transform-translate-y: 2.25rem; +} + +.translate-y-10 { + --transform-translate-y: 2.5rem; +} + +.translate-y-11 { + --transform-translate-y: 2.75rem; +} + +.translate-y-12 { + --transform-translate-y: 3rem; +} + +.translate-y-13 { + --transform-translate-y: 3.25rem; +} + +.translate-y-14 { + --transform-translate-y: 3.5rem; +} + +.translate-y-15 { + --transform-translate-y: 3.75rem; +} + +.translate-y-16 { + --transform-translate-y: 4rem; +} + +.translate-y-20 { + --transform-translate-y: 5rem; +} + +.translate-y-24 { + --transform-translate-y: 6rem; +} + +.translate-y-28 { + --transform-translate-y: 7rem; +} + +.translate-y-32 { + --transform-translate-y: 8rem; +} + +.translate-y-36 { + --transform-translate-y: 9rem; +} + +.translate-y-40 { + --transform-translate-y: 10rem; +} + +.translate-y-44 { + --transform-translate-y: 11rem; +} + +.translate-y-48 { + --transform-translate-y: 12rem; +} + +.translate-y-52 { + --transform-translate-y: 13rem; +} + +.translate-y-56 { + --transform-translate-y: 14rem; +} + +.translate-y-60 { + --transform-translate-y: 15rem; +} + +.translate-y-64 { + --transform-translate-y: 16rem; +} + +.translate-y-72 { + --transform-translate-y: 18rem; +} + +.translate-y-80 { + --transform-translate-y: 20rem; +} + +.translate-y-96 { + --transform-translate-y: 24rem; +} + +.translate-y-px { + --transform-translate-y: 1px; +} + +.translate-y-0\.5 { + --transform-translate-y: 0.125rem; +} + +.translate-y-1\.5 { + --transform-translate-y: 0.375rem; +} + +.translate-y-2\.5 { + --transform-translate-y: 0.625rem; +} + +.translate-y-3\.5 { + --transform-translate-y: 0.875rem; +} + +.translate-y-1\/2 { + --transform-translate-y: 50%; +} + +.translate-y-1\/3 { + --transform-translate-y: 33.333333%; +} + +.translate-y-2\/3 { + --transform-translate-y: 66.666667%; +} + +.translate-y-1\/4 { + --transform-translate-y: 25%; +} + +.translate-y-2\/4 { + --transform-translate-y: 50%; +} + +.translate-y-3\/4 { + --transform-translate-y: 75%; +} + +.translate-y-1\/5 { + --transform-translate-y: 20%; +} + +.translate-y-2\/5 { + --transform-translate-y: 40%; +} + +.translate-y-3\/5 { + --transform-translate-y: 60%; +} + +.translate-y-4\/5 { + --transform-translate-y: 80%; +} + +.translate-y-1\/6 { + --transform-translate-y: 16.666667%; +} + +.translate-y-2\/6 { + --transform-translate-y: 33.333333%; +} + +.translate-y-3\/6 { + --transform-translate-y: 50%; +} + +.translate-y-4\/6 { + --transform-translate-y: 66.666667%; +} + +.translate-y-5\/6 { + --transform-translate-y: 83.333333%; +} + +.translate-y-1\/12 { + --transform-translate-y: 8.333333%; +} + +.translate-y-2\/12 { + --transform-translate-y: 16.666667%; +} + +.translate-y-3\/12 { + --transform-translate-y: 25%; +} + +.translate-y-4\/12 { + --transform-translate-y: 33.333333%; +} + +.translate-y-5\/12 { + --transform-translate-y: 41.666667%; +} + +.translate-y-6\/12 { + --transform-translate-y: 50%; +} + +.translate-y-7\/12 { + --transform-translate-y: 58.333333%; +} + +.translate-y-8\/12 { + --transform-translate-y: 66.666667%; +} + +.translate-y-9\/12 { + --transform-translate-y: 75%; +} + +.translate-y-10\/12 { + --transform-translate-y: 83.333333%; +} + +.translate-y-11\/12 { + --transform-translate-y: 91.666667%; +} + +.translate-y-full { + --transform-translate-y: 100%; +} + +.-translate-y-1 { + --transform-translate-y: -0.25rem; +} + +.-translate-y-2 { + --transform-translate-y: -0.5rem; +} + +.-translate-y-3 { + --transform-translate-y: -0.75rem; +} + +.-translate-y-4 { + --transform-translate-y: -1rem; +} + +.-translate-y-5 { + --transform-translate-y: -1.25rem; +} + +.-translate-y-6 { + --transform-translate-y: -1.5rem; +} + +.-translate-y-7 { + --transform-translate-y: -1.75rem; +} + +.-translate-y-8 { + --transform-translate-y: -2rem; +} + +.-translate-y-9 { + --transform-translate-y: -2.25rem; +} + +.-translate-y-10 { + --transform-translate-y: -2.5rem; +} + +.-translate-y-11 { + --transform-translate-y: -2.75rem; +} + +.-translate-y-12 { + --transform-translate-y: -3rem; +} + +.-translate-y-13 { + --transform-translate-y: -3.25rem; +} + +.-translate-y-14 { + --transform-translate-y: -3.5rem; +} + +.-translate-y-15 { + --transform-translate-y: -3.75rem; +} + +.-translate-y-16 { + --transform-translate-y: -4rem; +} + +.-translate-y-20 { + --transform-translate-y: -5rem; +} + +.-translate-y-24 { + --transform-translate-y: -6rem; +} + +.-translate-y-28 { + --transform-translate-y: -7rem; +} + +.-translate-y-32 { + --transform-translate-y: -8rem; +} + +.-translate-y-36 { + --transform-translate-y: -9rem; +} + +.-translate-y-40 { + --transform-translate-y: -10rem; +} + +.-translate-y-44 { + --transform-translate-y: -11rem; +} + +.-translate-y-48 { + --transform-translate-y: -12rem; +} + +.-translate-y-52 { + --transform-translate-y: -13rem; +} + +.-translate-y-56 { + --transform-translate-y: -14rem; +} + +.-translate-y-60 { + --transform-translate-y: -15rem; +} + +.-translate-y-64 { + --transform-translate-y: -16rem; +} + +.-translate-y-72 { + --transform-translate-y: -18rem; +} + +.-translate-y-80 { + --transform-translate-y: -20rem; +} + +.-translate-y-96 { + --transform-translate-y: -24rem; +} + +.-translate-y-px { + --transform-translate-y: -1px; +} + +.-translate-y-0\.5 { + --transform-translate-y: -0.125rem; +} + +.-translate-y-1\.5 { + --transform-translate-y: -0.375rem; +} + +.-translate-y-2\.5 { + --transform-translate-y: -0.625rem; +} + +.-translate-y-3\.5 { + --transform-translate-y: -0.875rem; +} + +.-translate-y-1\/2 { + --transform-translate-y: -50%; +} + +.-translate-y-1\/3 { + --transform-translate-y: -33.33333%; +} + +.-translate-y-2\/3 { + --transform-translate-y: -66.66667%; +} + +.-translate-y-1\/4 { + --transform-translate-y: -25%; +} + +.-translate-y-2\/4 { + --transform-translate-y: -50%; +} + +.-translate-y-3\/4 { + --transform-translate-y: -75%; +} + +.-translate-y-1\/5 { + --transform-translate-y: -20%; +} + +.-translate-y-2\/5 { + --transform-translate-y: -40%; +} + +.-translate-y-3\/5 { + --transform-translate-y: -60%; +} + +.-translate-y-4\/5 { + --transform-translate-y: -80%; +} + +.-translate-y-1\/6 { + --transform-translate-y: -16.66667%; +} + +.-translate-y-2\/6 { + --transform-translate-y: -33.33333%; +} + +.-translate-y-3\/6 { + --transform-translate-y: -50%; +} + +.-translate-y-4\/6 { + --transform-translate-y: -66.66667%; +} + +.-translate-y-5\/6 { + --transform-translate-y: -83.33333%; +} + +.-translate-y-1\/12 { + --transform-translate-y: -8.33333%; +} + +.-translate-y-2\/12 { + --transform-translate-y: -16.66667%; +} + +.-translate-y-3\/12 { + --transform-translate-y: -25%; +} + +.-translate-y-4\/12 { + --transform-translate-y: -33.33333%; +} + +.-translate-y-5\/12 { + --transform-translate-y: -41.66667%; +} + +.-translate-y-6\/12 { + --transform-translate-y: -50%; +} + +.-translate-y-7\/12 { + --transform-translate-y: -58.33333%; +} + +.-translate-y-8\/12 { + --transform-translate-y: -66.66667%; +} + +.-translate-y-9\/12 { + --transform-translate-y: -75%; +} + +.-translate-y-10\/12 { + --transform-translate-y: -83.33333%; +} + +.-translate-y-11\/12 { + --transform-translate-y: -91.66667%; +} + +.-translate-y-full { + --transform-translate-y: -100%; +} + +.hover\:translate-x-0:hover { + --transform-translate-x: 0; +} + +.hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; +} + +.hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; +} + +.hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; +} + +.hover\:translate-x-4:hover { + --transform-translate-x: 1rem; +} + +.hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; +} + +.hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; +} + +.hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; +} + +.hover\:translate-x-8:hover { + --transform-translate-x: 2rem; +} + +.hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; +} + +.hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; +} + +.hover\:translate-x-11:hover { + --transform-translate-x: 2.75rem; +} + +.hover\:translate-x-12:hover { + --transform-translate-x: 3rem; +} + +.hover\:translate-x-13:hover { + --transform-translate-x: 3.25rem; +} + +.hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; +} + +.hover\:translate-x-15:hover { + --transform-translate-x: 3.75rem; +} + +.hover\:translate-x-16:hover { + --transform-translate-x: 4rem; +} + +.hover\:translate-x-20:hover { + --transform-translate-x: 5rem; +} + +.hover\:translate-x-24:hover { + --transform-translate-x: 6rem; +} + +.hover\:translate-x-28:hover { + --transform-translate-x: 7rem; +} + +.hover\:translate-x-32:hover { + --transform-translate-x: 8rem; +} + +.hover\:translate-x-36:hover { + --transform-translate-x: 9rem; +} + +.hover\:translate-x-40:hover { + --transform-translate-x: 10rem; +} + +.hover\:translate-x-44:hover { + --transform-translate-x: 11rem; +} + +.hover\:translate-x-48:hover { + --transform-translate-x: 12rem; +} + +.hover\:translate-x-52:hover { + --transform-translate-x: 13rem; +} + +.hover\:translate-x-56:hover { + --transform-translate-x: 14rem; +} + +.hover\:translate-x-60:hover { + --transform-translate-x: 15rem; +} + +.hover\:translate-x-64:hover { + --transform-translate-x: 16rem; +} + +.hover\:translate-x-72:hover { + --transform-translate-x: 18rem; +} + +.hover\:translate-x-80:hover { + --transform-translate-x: 20rem; +} + +.hover\:translate-x-96:hover { + --transform-translate-x: 24rem; +} + +.hover\:translate-x-px:hover { + --transform-translate-x: 1px; +} + +.hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; +} + +.hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; +} + +.hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; +} + +.hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; +} + +.hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; +} + +.hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; +} + +.hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; +} + +.hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; +} + +.hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; +} + +.hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; +} + +.hover\:translate-x-1\/5:hover { + --transform-translate-x: 20%; +} + +.hover\:translate-x-2\/5:hover { + --transform-translate-x: 40%; +} + +.hover\:translate-x-3\/5:hover { + --transform-translate-x: 60%; +} + +.hover\:translate-x-4\/5:hover { + --transform-translate-x: 80%; +} + +.hover\:translate-x-1\/6:hover { + --transform-translate-x: 16.666667%; +} + +.hover\:translate-x-2\/6:hover { + --transform-translate-x: 33.333333%; +} + +.hover\:translate-x-3\/6:hover { + --transform-translate-x: 50%; +} + +.hover\:translate-x-4\/6:hover { + --transform-translate-x: 66.666667%; +} + +.hover\:translate-x-5\/6:hover { + --transform-translate-x: 83.333333%; +} + +.hover\:translate-x-1\/12:hover { + --transform-translate-x: 8.333333%; +} + +.hover\:translate-x-2\/12:hover { + --transform-translate-x: 16.666667%; +} + +.hover\:translate-x-3\/12:hover { + --transform-translate-x: 25%; +} + +.hover\:translate-x-4\/12:hover { + --transform-translate-x: 33.333333%; +} + +.hover\:translate-x-5\/12:hover { + --transform-translate-x: 41.666667%; +} + +.hover\:translate-x-6\/12:hover { + --transform-translate-x: 50%; +} + +.hover\:translate-x-7\/12:hover { + --transform-translate-x: 58.333333%; +} + +.hover\:translate-x-8\/12:hover { + --transform-translate-x: 66.666667%; +} + +.hover\:translate-x-9\/12:hover { + --transform-translate-x: 75%; +} + +.hover\:translate-x-10\/12:hover { + --transform-translate-x: 83.333333%; +} + +.hover\:translate-x-11\/12:hover { + --transform-translate-x: 91.666667%; +} + +.hover\:translate-x-full:hover { + --transform-translate-x: 100%; +} + +.hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; +} + +.hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; +} + +.hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; +} + +.hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; +} + +.hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; +} + +.hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; +} + +.hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; +} + +.hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; +} + +.hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; +} + +.hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; +} + +.hover\:-translate-x-11:hover { + --transform-translate-x: -2.75rem; +} + +.hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; +} + +.hover\:-translate-x-13:hover { + --transform-translate-x: -3.25rem; +} + +.hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; +} + +.hover\:-translate-x-15:hover { + --transform-translate-x: -3.75rem; +} + +.hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; +} + +.hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; +} + +.hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; +} + +.hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; +} + +.hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; +} + +.hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; +} + +.hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; +} + +.hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; +} + +.hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; +} + +.hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; +} + +.hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; +} + +.hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; +} + +.hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; +} + +.hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; +} + +.hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; +} + +.hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; +} + +.hover\:-translate-x-px:hover { + --transform-translate-x: -1px; +} + +.hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; +} + +.hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; +} + +.hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; +} + +.hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; +} + +.hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; +} + +.hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.33333%; +} + +.hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.66667%; +} + +.hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; +} + +.hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; +} + +.hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; +} + +.hover\:-translate-x-1\/5:hover { + --transform-translate-x: -20%; +} + +.hover\:-translate-x-2\/5:hover { + --transform-translate-x: -40%; +} + +.hover\:-translate-x-3\/5:hover { + --transform-translate-x: -60%; +} + +.hover\:-translate-x-4\/5:hover { + --transform-translate-x: -80%; +} + +.hover\:-translate-x-1\/6:hover { + --transform-translate-x: -16.66667%; +} + +.hover\:-translate-x-2\/6:hover { + --transform-translate-x: -33.33333%; +} + +.hover\:-translate-x-3\/6:hover { + --transform-translate-x: -50%; +} + +.hover\:-translate-x-4\/6:hover { + --transform-translate-x: -66.66667%; +} + +.hover\:-translate-x-5\/6:hover { + --transform-translate-x: -83.33333%; +} + +.hover\:-translate-x-1\/12:hover { + --transform-translate-x: -8.33333%; +} + +.hover\:-translate-x-2\/12:hover { + --transform-translate-x: -16.66667%; +} + +.hover\:-translate-x-3\/12:hover { + --transform-translate-x: -25%; +} + +.hover\:-translate-x-4\/12:hover { + --transform-translate-x: -33.33333%; +} + +.hover\:-translate-x-5\/12:hover { + --transform-translate-x: -41.66667%; +} + +.hover\:-translate-x-6\/12:hover { + --transform-translate-x: -50%; +} + +.hover\:-translate-x-7\/12:hover { + --transform-translate-x: -58.33333%; +} + +.hover\:-translate-x-8\/12:hover { + --transform-translate-x: -66.66667%; +} + +.hover\:-translate-x-9\/12:hover { + --transform-translate-x: -75%; +} + +.hover\:-translate-x-10\/12:hover { + --transform-translate-x: -83.33333%; +} + +.hover\:-translate-x-11\/12:hover { + --transform-translate-x: -91.66667%; +} + +.hover\:-translate-x-full:hover { + --transform-translate-x: -100%; +} + +.hover\:translate-y-0:hover { + --transform-translate-y: 0; +} + +.hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; +} + +.hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; +} + +.hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; +} + +.hover\:translate-y-4:hover { + --transform-translate-y: 1rem; +} + +.hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; +} + +.hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; +} + +.hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; +} + +.hover\:translate-y-8:hover { + --transform-translate-y: 2rem; +} + +.hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; +} + +.hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; +} + +.hover\:translate-y-11:hover { + --transform-translate-y: 2.75rem; +} + +.hover\:translate-y-12:hover { + --transform-translate-y: 3rem; +} + +.hover\:translate-y-13:hover { + --transform-translate-y: 3.25rem; +} + +.hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; +} + +.hover\:translate-y-15:hover { + --transform-translate-y: 3.75rem; +} + +.hover\:translate-y-16:hover { + --transform-translate-y: 4rem; +} + +.hover\:translate-y-20:hover { + --transform-translate-y: 5rem; +} + +.hover\:translate-y-24:hover { + --transform-translate-y: 6rem; +} + +.hover\:translate-y-28:hover { + --transform-translate-y: 7rem; +} + +.hover\:translate-y-32:hover { + --transform-translate-y: 8rem; +} + +.hover\:translate-y-36:hover { + --transform-translate-y: 9rem; +} + +.hover\:translate-y-40:hover { + --transform-translate-y: 10rem; +} + +.hover\:translate-y-44:hover { + --transform-translate-y: 11rem; +} + +.hover\:translate-y-48:hover { + --transform-translate-y: 12rem; +} + +.hover\:translate-y-52:hover { + --transform-translate-y: 13rem; +} + +.hover\:translate-y-56:hover { + --transform-translate-y: 14rem; +} + +.hover\:translate-y-60:hover { + --transform-translate-y: 15rem; +} + +.hover\:translate-y-64:hover { + --transform-translate-y: 16rem; +} + +.hover\:translate-y-72:hover { + --transform-translate-y: 18rem; +} + +.hover\:translate-y-80:hover { + --transform-translate-y: 20rem; +} + +.hover\:translate-y-96:hover { + --transform-translate-y: 24rem; +} + +.hover\:translate-y-px:hover { + --transform-translate-y: 1px; +} + +.hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; +} + +.hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; +} + +.hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; +} + +.hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; +} + +.hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; +} + +.hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; +} + +.hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; +} + +.hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; +} + +.hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; +} + +.hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; +} + +.hover\:translate-y-1\/5:hover { + --transform-translate-y: 20%; +} + +.hover\:translate-y-2\/5:hover { + --transform-translate-y: 40%; +} + +.hover\:translate-y-3\/5:hover { + --transform-translate-y: 60%; +} + +.hover\:translate-y-4\/5:hover { + --transform-translate-y: 80%; +} + +.hover\:translate-y-1\/6:hover { + --transform-translate-y: 16.666667%; +} + +.hover\:translate-y-2\/6:hover { + --transform-translate-y: 33.333333%; +} + +.hover\:translate-y-3\/6:hover { + --transform-translate-y: 50%; +} + +.hover\:translate-y-4\/6:hover { + --transform-translate-y: 66.666667%; +} + +.hover\:translate-y-5\/6:hover { + --transform-translate-y: 83.333333%; +} + +.hover\:translate-y-1\/12:hover { + --transform-translate-y: 8.333333%; +} + +.hover\:translate-y-2\/12:hover { + --transform-translate-y: 16.666667%; +} + +.hover\:translate-y-3\/12:hover { + --transform-translate-y: 25%; +} + +.hover\:translate-y-4\/12:hover { + --transform-translate-y: 33.333333%; +} + +.hover\:translate-y-5\/12:hover { + --transform-translate-y: 41.666667%; +} + +.hover\:translate-y-6\/12:hover { + --transform-translate-y: 50%; +} + +.hover\:translate-y-7\/12:hover { + --transform-translate-y: 58.333333%; +} + +.hover\:translate-y-8\/12:hover { + --transform-translate-y: 66.666667%; +} + +.hover\:translate-y-9\/12:hover { + --transform-translate-y: 75%; +} + +.hover\:translate-y-10\/12:hover { + --transform-translate-y: 83.333333%; +} + +.hover\:translate-y-11\/12:hover { + --transform-translate-y: 91.666667%; +} + +.hover\:translate-y-full:hover { + --transform-translate-y: 100%; +} + +.hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; +} + +.hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; +} + +.hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; +} + +.hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; +} + +.hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; +} + +.hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; +} + +.hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; +} + +.hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; +} + +.hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; +} + +.hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; +} + +.hover\:-translate-y-11:hover { + --transform-translate-y: -2.75rem; +} + +.hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; +} + +.hover\:-translate-y-13:hover { + --transform-translate-y: -3.25rem; +} + +.hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; +} + +.hover\:-translate-y-15:hover { + --transform-translate-y: -3.75rem; +} + +.hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; +} + +.hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; +} + +.hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; +} + +.hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; +} + +.hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; +} + +.hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; +} + +.hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; +} + +.hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; +} + +.hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; +} + +.hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; +} + +.hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; +} + +.hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; +} + +.hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; +} + +.hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; +} + +.hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; +} + +.hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; +} + +.hover\:-translate-y-px:hover { + --transform-translate-y: -1px; +} + +.hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; +} + +.hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; +} + +.hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; +} + +.hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; +} + +.hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; +} + +.hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.33333%; +} + +.hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.66667%; +} + +.hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; +} + +.hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; +} + +.hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; +} + +.hover\:-translate-y-1\/5:hover { + --transform-translate-y: -20%; +} + +.hover\:-translate-y-2\/5:hover { + --transform-translate-y: -40%; +} + +.hover\:-translate-y-3\/5:hover { + --transform-translate-y: -60%; +} + +.hover\:-translate-y-4\/5:hover { + --transform-translate-y: -80%; +} + +.hover\:-translate-y-1\/6:hover { + --transform-translate-y: -16.66667%; +} + +.hover\:-translate-y-2\/6:hover { + --transform-translate-y: -33.33333%; +} + +.hover\:-translate-y-3\/6:hover { + --transform-translate-y: -50%; +} + +.hover\:-translate-y-4\/6:hover { + --transform-translate-y: -66.66667%; +} + +.hover\:-translate-y-5\/6:hover { + --transform-translate-y: -83.33333%; +} + +.hover\:-translate-y-1\/12:hover { + --transform-translate-y: -8.33333%; +} + +.hover\:-translate-y-2\/12:hover { + --transform-translate-y: -16.66667%; +} + +.hover\:-translate-y-3\/12:hover { + --transform-translate-y: -25%; +} + +.hover\:-translate-y-4\/12:hover { + --transform-translate-y: -33.33333%; +} + +.hover\:-translate-y-5\/12:hover { + --transform-translate-y: -41.66667%; +} + +.hover\:-translate-y-6\/12:hover { + --transform-translate-y: -50%; +} + +.hover\:-translate-y-7\/12:hover { + --transform-translate-y: -58.33333%; +} + +.hover\:-translate-y-8\/12:hover { + --transform-translate-y: -66.66667%; +} + +.hover\:-translate-y-9\/12:hover { + --transform-translate-y: -75%; +} + +.hover\:-translate-y-10\/12:hover { + --transform-translate-y: -83.33333%; +} + +.hover\:-translate-y-11\/12:hover { + --transform-translate-y: -91.66667%; +} + +.hover\:-translate-y-full:hover { + --transform-translate-y: -100%; +} + +.focus\:translate-x-0:focus { + --transform-translate-x: 0; +} + +.focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; +} + +.focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; +} + +.focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; +} + +.focus\:translate-x-4:focus { + --transform-translate-x: 1rem; +} + +.focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; +} + +.focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; +} + +.focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; +} + +.focus\:translate-x-8:focus { + --transform-translate-x: 2rem; +} + +.focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; +} + +.focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; +} + +.focus\:translate-x-11:focus { + --transform-translate-x: 2.75rem; +} + +.focus\:translate-x-12:focus { + --transform-translate-x: 3rem; +} + +.focus\:translate-x-13:focus { + --transform-translate-x: 3.25rem; +} + +.focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; +} + +.focus\:translate-x-15:focus { + --transform-translate-x: 3.75rem; +} + +.focus\:translate-x-16:focus { + --transform-translate-x: 4rem; +} + +.focus\:translate-x-20:focus { + --transform-translate-x: 5rem; +} + +.focus\:translate-x-24:focus { + --transform-translate-x: 6rem; +} + +.focus\:translate-x-28:focus { + --transform-translate-x: 7rem; +} + +.focus\:translate-x-32:focus { + --transform-translate-x: 8rem; +} + +.focus\:translate-x-36:focus { + --transform-translate-x: 9rem; +} + +.focus\:translate-x-40:focus { + --transform-translate-x: 10rem; +} + +.focus\:translate-x-44:focus { + --transform-translate-x: 11rem; +} + +.focus\:translate-x-48:focus { + --transform-translate-x: 12rem; +} + +.focus\:translate-x-52:focus { + --transform-translate-x: 13rem; +} + +.focus\:translate-x-56:focus { + --transform-translate-x: 14rem; +} + +.focus\:translate-x-60:focus { + --transform-translate-x: 15rem; +} + +.focus\:translate-x-64:focus { + --transform-translate-x: 16rem; +} + +.focus\:translate-x-72:focus { + --transform-translate-x: 18rem; +} + +.focus\:translate-x-80:focus { + --transform-translate-x: 20rem; +} + +.focus\:translate-x-96:focus { + --transform-translate-x: 24rem; +} + +.focus\:translate-x-px:focus { + --transform-translate-x: 1px; +} + +.focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; +} + +.focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; +} + +.focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; +} + +.focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; +} + +.focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; +} + +.focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; +} + +.focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; +} + +.focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; +} + +.focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; +} + +.focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; +} + +.focus\:translate-x-1\/5:focus { + --transform-translate-x: 20%; +} + +.focus\:translate-x-2\/5:focus { + --transform-translate-x: 40%; +} + +.focus\:translate-x-3\/5:focus { + --transform-translate-x: 60%; +} + +.focus\:translate-x-4\/5:focus { + --transform-translate-x: 80%; +} + +.focus\:translate-x-1\/6:focus { + --transform-translate-x: 16.666667%; +} + +.focus\:translate-x-2\/6:focus { + --transform-translate-x: 33.333333%; +} + +.focus\:translate-x-3\/6:focus { + --transform-translate-x: 50%; +} + +.focus\:translate-x-4\/6:focus { + --transform-translate-x: 66.666667%; +} + +.focus\:translate-x-5\/6:focus { + --transform-translate-x: 83.333333%; +} + +.focus\:translate-x-1\/12:focus { + --transform-translate-x: 8.333333%; +} + +.focus\:translate-x-2\/12:focus { + --transform-translate-x: 16.666667%; +} + +.focus\:translate-x-3\/12:focus { + --transform-translate-x: 25%; +} + +.focus\:translate-x-4\/12:focus { + --transform-translate-x: 33.333333%; +} + +.focus\:translate-x-5\/12:focus { + --transform-translate-x: 41.666667%; +} + +.focus\:translate-x-6\/12:focus { + --transform-translate-x: 50%; +} + +.focus\:translate-x-7\/12:focus { + --transform-translate-x: 58.333333%; +} + +.focus\:translate-x-8\/12:focus { + --transform-translate-x: 66.666667%; +} + +.focus\:translate-x-9\/12:focus { + --transform-translate-x: 75%; +} + +.focus\:translate-x-10\/12:focus { + --transform-translate-x: 83.333333%; +} + +.focus\:translate-x-11\/12:focus { + --transform-translate-x: 91.666667%; +} + +.focus\:translate-x-full:focus { + --transform-translate-x: 100%; +} + +.focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; +} + +.focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; +} + +.focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; +} + +.focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; +} + +.focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; +} + +.focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; +} + +.focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; +} + +.focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; +} + +.focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; +} + +.focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; +} + +.focus\:-translate-x-11:focus { + --transform-translate-x: -2.75rem; +} + +.focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; +} + +.focus\:-translate-x-13:focus { + --transform-translate-x: -3.25rem; +} + +.focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; +} + +.focus\:-translate-x-15:focus { + --transform-translate-x: -3.75rem; +} + +.focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; +} + +.focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; +} + +.focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; +} + +.focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; +} + +.focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; +} + +.focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; +} + +.focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; +} + +.focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; +} + +.focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; +} + +.focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; +} + +.focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; +} + +.focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; +} + +.focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; +} + +.focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; +} + +.focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; +} + +.focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; +} + +.focus\:-translate-x-px:focus { + --transform-translate-x: -1px; +} + +.focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; +} + +.focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; +} + +.focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; +} + +.focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; +} + +.focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; +} + +.focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.33333%; +} + +.focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.66667%; +} + +.focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; +} + +.focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; +} + +.focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; +} + +.focus\:-translate-x-1\/5:focus { + --transform-translate-x: -20%; +} + +.focus\:-translate-x-2\/5:focus { + --transform-translate-x: -40%; +} + +.focus\:-translate-x-3\/5:focus { + --transform-translate-x: -60%; +} + +.focus\:-translate-x-4\/5:focus { + --transform-translate-x: -80%; +} + +.focus\:-translate-x-1\/6:focus { + --transform-translate-x: -16.66667%; +} + +.focus\:-translate-x-2\/6:focus { + --transform-translate-x: -33.33333%; +} + +.focus\:-translate-x-3\/6:focus { + --transform-translate-x: -50%; +} + +.focus\:-translate-x-4\/6:focus { + --transform-translate-x: -66.66667%; +} + +.focus\:-translate-x-5\/6:focus { + --transform-translate-x: -83.33333%; +} + +.focus\:-translate-x-1\/12:focus { + --transform-translate-x: -8.33333%; +} + +.focus\:-translate-x-2\/12:focus { + --transform-translate-x: -16.66667%; +} + +.focus\:-translate-x-3\/12:focus { + --transform-translate-x: -25%; +} + +.focus\:-translate-x-4\/12:focus { + --transform-translate-x: -33.33333%; +} + +.focus\:-translate-x-5\/12:focus { + --transform-translate-x: -41.66667%; +} + +.focus\:-translate-x-6\/12:focus { + --transform-translate-x: -50%; +} + +.focus\:-translate-x-7\/12:focus { + --transform-translate-x: -58.33333%; +} + +.focus\:-translate-x-8\/12:focus { + --transform-translate-x: -66.66667%; +} + +.focus\:-translate-x-9\/12:focus { + --transform-translate-x: -75%; +} + +.focus\:-translate-x-10\/12:focus { + --transform-translate-x: -83.33333%; +} + +.focus\:-translate-x-11\/12:focus { + --transform-translate-x: -91.66667%; +} + +.focus\:-translate-x-full:focus { + --transform-translate-x: -100%; +} + +.focus\:translate-y-0:focus { + --transform-translate-y: 0; +} + +.focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; +} + +.focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; +} + +.focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; +} + +.focus\:translate-y-4:focus { + --transform-translate-y: 1rem; +} + +.focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; +} + +.focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; +} + +.focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; +} + +.focus\:translate-y-8:focus { + --transform-translate-y: 2rem; +} + +.focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; +} + +.focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; +} + +.focus\:translate-y-11:focus { + --transform-translate-y: 2.75rem; +} + +.focus\:translate-y-12:focus { + --transform-translate-y: 3rem; +} + +.focus\:translate-y-13:focus { + --transform-translate-y: 3.25rem; +} + +.focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; +} + +.focus\:translate-y-15:focus { + --transform-translate-y: 3.75rem; +} + +.focus\:translate-y-16:focus { + --transform-translate-y: 4rem; +} + +.focus\:translate-y-20:focus { + --transform-translate-y: 5rem; +} + +.focus\:translate-y-24:focus { + --transform-translate-y: 6rem; +} + +.focus\:translate-y-28:focus { + --transform-translate-y: 7rem; +} + +.focus\:translate-y-32:focus { + --transform-translate-y: 8rem; +} + +.focus\:translate-y-36:focus { + --transform-translate-y: 9rem; +} + +.focus\:translate-y-40:focus { + --transform-translate-y: 10rem; +} + +.focus\:translate-y-44:focus { + --transform-translate-y: 11rem; +} + +.focus\:translate-y-48:focus { + --transform-translate-y: 12rem; +} + +.focus\:translate-y-52:focus { + --transform-translate-y: 13rem; +} + +.focus\:translate-y-56:focus { + --transform-translate-y: 14rem; +} + +.focus\:translate-y-60:focus { + --transform-translate-y: 15rem; +} + +.focus\:translate-y-64:focus { + --transform-translate-y: 16rem; +} + +.focus\:translate-y-72:focus { + --transform-translate-y: 18rem; +} + +.focus\:translate-y-80:focus { + --transform-translate-y: 20rem; +} + +.focus\:translate-y-96:focus { + --transform-translate-y: 24rem; +} + +.focus\:translate-y-px:focus { + --transform-translate-y: 1px; +} + +.focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; +} + +.focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; +} + +.focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; +} + +.focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; +} + +.focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; +} + +.focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; +} + +.focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; +} + +.focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; +} + +.focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; +} + +.focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; +} + +.focus\:translate-y-1\/5:focus { + --transform-translate-y: 20%; +} + +.focus\:translate-y-2\/5:focus { + --transform-translate-y: 40%; +} + +.focus\:translate-y-3\/5:focus { + --transform-translate-y: 60%; +} + +.focus\:translate-y-4\/5:focus { + --transform-translate-y: 80%; +} + +.focus\:translate-y-1\/6:focus { + --transform-translate-y: 16.666667%; +} + +.focus\:translate-y-2\/6:focus { + --transform-translate-y: 33.333333%; +} + +.focus\:translate-y-3\/6:focus { + --transform-translate-y: 50%; +} + +.focus\:translate-y-4\/6:focus { + --transform-translate-y: 66.666667%; +} + +.focus\:translate-y-5\/6:focus { + --transform-translate-y: 83.333333%; +} + +.focus\:translate-y-1\/12:focus { + --transform-translate-y: 8.333333%; +} + +.focus\:translate-y-2\/12:focus { + --transform-translate-y: 16.666667%; +} + +.focus\:translate-y-3\/12:focus { + --transform-translate-y: 25%; +} + +.focus\:translate-y-4\/12:focus { + --transform-translate-y: 33.333333%; +} + +.focus\:translate-y-5\/12:focus { + --transform-translate-y: 41.666667%; +} + +.focus\:translate-y-6\/12:focus { + --transform-translate-y: 50%; +} + +.focus\:translate-y-7\/12:focus { + --transform-translate-y: 58.333333%; +} + +.focus\:translate-y-8\/12:focus { + --transform-translate-y: 66.666667%; +} + +.focus\:translate-y-9\/12:focus { + --transform-translate-y: 75%; +} + +.focus\:translate-y-10\/12:focus { + --transform-translate-y: 83.333333%; +} + +.focus\:translate-y-11\/12:focus { + --transform-translate-y: 91.666667%; +} + +.focus\:translate-y-full:focus { + --transform-translate-y: 100%; +} + +.focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; +} + +.focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; +} + +.focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; +} + +.focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; +} + +.focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; +} + +.focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; +} + +.focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; +} + +.focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; +} + +.focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; +} + +.focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; +} + +.focus\:-translate-y-11:focus { + --transform-translate-y: -2.75rem; +} + +.focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; +} + +.focus\:-translate-y-13:focus { + --transform-translate-y: -3.25rem; +} + +.focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; +} + +.focus\:-translate-y-15:focus { + --transform-translate-y: -3.75rem; +} + +.focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; +} + +.focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; +} + +.focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; +} + +.focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; +} + +.focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; +} + +.focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; +} + +.focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; +} + +.focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; +} + +.focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; +} + +.focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; +} + +.focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; +} + +.focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; +} + +.focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; +} + +.focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; +} + +.focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; +} + +.focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; +} + +.focus\:-translate-y-px:focus { + --transform-translate-y: -1px; +} + +.focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; +} + +.focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; +} + +.focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; +} + +.focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; +} + +.focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; +} + +.focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.33333%; +} + +.focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.66667%; +} + +.focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; +} + +.focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; +} + +.focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; +} + +.focus\:-translate-y-1\/5:focus { + --transform-translate-y: -20%; +} + +.focus\:-translate-y-2\/5:focus { + --transform-translate-y: -40%; +} + +.focus\:-translate-y-3\/5:focus { + --transform-translate-y: -60%; +} + +.focus\:-translate-y-4\/5:focus { + --transform-translate-y: -80%; +} + +.focus\:-translate-y-1\/6:focus { + --transform-translate-y: -16.66667%; +} + +.focus\:-translate-y-2\/6:focus { + --transform-translate-y: -33.33333%; +} + +.focus\:-translate-y-3\/6:focus { + --transform-translate-y: -50%; +} + +.focus\:-translate-y-4\/6:focus { + --transform-translate-y: -66.66667%; +} + +.focus\:-translate-y-5\/6:focus { + --transform-translate-y: -83.33333%; +} + +.focus\:-translate-y-1\/12:focus { + --transform-translate-y: -8.33333%; +} + +.focus\:-translate-y-2\/12:focus { + --transform-translate-y: -16.66667%; +} + +.focus\:-translate-y-3\/12:focus { + --transform-translate-y: -25%; +} + +.focus\:-translate-y-4\/12:focus { + --transform-translate-y: -33.33333%; +} + +.focus\:-translate-y-5\/12:focus { + --transform-translate-y: -41.66667%; +} + +.focus\:-translate-y-6\/12:focus { + --transform-translate-y: -50%; +} + +.focus\:-translate-y-7\/12:focus { + --transform-translate-y: -58.33333%; +} + +.focus\:-translate-y-8\/12:focus { + --transform-translate-y: -66.66667%; +} + +.focus\:-translate-y-9\/12:focus { + --transform-translate-y: -75%; +} + +.focus\:-translate-y-10\/12:focus { + --transform-translate-y: -83.33333%; +} + +.focus\:-translate-y-11\/12:focus { + --transform-translate-y: -91.66667%; +} + +.focus\:-translate-y-full:focus { + --transform-translate-y: -100%; +} + +.skew-x-0 { + --transform-skew-x: 0; +} + +.skew-x-3 { + --transform-skew-x: 3deg; +} + +.skew-x-6 { + --transform-skew-x: 6deg; +} + +.skew-x-12 { + --transform-skew-x: 12deg; +} + +.-skew-x-12 { + --transform-skew-x: -12deg; +} + +.-skew-x-6 { + --transform-skew-x: -6deg; +} + +.-skew-x-3 { + --transform-skew-x: -3deg; +} + +.skew-y-0 { + --transform-skew-y: 0; +} + +.skew-y-3 { + --transform-skew-y: 3deg; +} + +.skew-y-6 { + --transform-skew-y: 6deg; +} + +.skew-y-12 { + --transform-skew-y: 12deg; +} + +.-skew-y-12 { + --transform-skew-y: -12deg; +} + +.-skew-y-6 { + --transform-skew-y: -6deg; +} + +.-skew-y-3 { + --transform-skew-y: -3deg; +} + +.hover\:skew-x-0:hover { + --transform-skew-x: 0; +} + +.hover\:skew-x-3:hover { + --transform-skew-x: 3deg; +} + +.hover\:skew-x-6:hover { + --transform-skew-x: 6deg; +} + +.hover\:skew-x-12:hover { + --transform-skew-x: 12deg; +} + +.hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; +} + +.hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; +} + +.hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; +} + +.hover\:skew-y-0:hover { + --transform-skew-y: 0; +} + +.hover\:skew-y-3:hover { + --transform-skew-y: 3deg; +} + +.hover\:skew-y-6:hover { + --transform-skew-y: 6deg; +} + +.hover\:skew-y-12:hover { + --transform-skew-y: 12deg; +} + +.hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; +} + +.hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; +} + +.hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; +} + +.focus\:skew-x-0:focus { + --transform-skew-x: 0; +} + +.focus\:skew-x-3:focus { + --transform-skew-x: 3deg; +} + +.focus\:skew-x-6:focus { + --transform-skew-x: 6deg; +} + +.focus\:skew-x-12:focus { + --transform-skew-x: 12deg; +} + +.focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; +} + +.focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; +} + +.focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; +} + +.focus\:skew-y-0:focus { + --transform-skew-y: 0; +} + +.focus\:skew-y-3:focus { + --transform-skew-y: 3deg; +} + +.focus\:skew-y-6:focus { + --transform-skew-y: 6deg; +} + +.focus\:skew-y-12:focus { + --transform-skew-y: 12deg; +} + +.focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; +} + +.focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; +} + +.focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; +} + +.transition-none { + transition-property: none; +} + +.transition-all { + transition-property: all; +} + +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; +} + +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke; +} + +.transition-opacity { + transition-property: opacity; +} + +.transition-shadow { + transition-property: box-shadow; +} + +.transition-transform { + transition-property: transform; +} + +.ease-linear { + transition-timing-function: linear; +} + +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} + +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.duration-75 { + transition-duration: 75ms; +} + +.duration-100 { + transition-duration: 100ms; +} + +.duration-150 { + transition-duration: 150ms; +} + +.duration-200 { + transition-duration: 200ms; +} + +.duration-300 { + transition-duration: 300ms; +} + +.duration-500 { + transition-duration: 500ms; +} + +.duration-700 { + transition-duration: 700ms; +} + +.duration-1000 { + transition-duration: 1000ms; +} + +.delay-75 { + transition-delay: 75ms; +} + +.delay-100 { + transition-delay: 100ms; +} + +.delay-150 { + transition-delay: 150ms; +} + +.delay-200 { + transition-delay: 200ms; +} + +.delay-300 { + transition-delay: 300ms; +} + +.delay-500 { + transition-delay: 500ms; +} + +.delay-700 { + transition-delay: 700ms; +} + +.delay-1000 { + transition-delay: 1000ms; +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} + +@keyframes pulse { + 50% { + opacity: .5; + } +} + +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +.animate-none { + animation: none; +} + +.animate-spin { + animation: spin 1s linear infinite; +} + +.animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; +} + +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +.animate-bounce { + animation: bounce 1s infinite; +} + +.example { + font-weight: 700; + color: #f05252; +} + +@media (min-width: 640px) { + .sm\:container { + width: 100%; + } + + @media (min-width: 640px) { + .sm\:container { + max-width: 640px; + } + } + + @media (min-width: 768px) { + .sm\:container { + max-width: 768px; + } + } + + @media (min-width: 1024px) { + .sm\:container { + max-width: 1024px; + } + } + + @media (min-width: 1280px) { + .sm\:container { + max-width: 1280px; + } + } + + .sm\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0px * var(--space-y-reverse)); + } + + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); + } + + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); + } + + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); + } + + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); + } + + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); + } + + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); + } + + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.75rem * var(--space-y-reverse)); + } + + .sm\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.75rem * var(--space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); + } + + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.25rem * var(--space-y-reverse)); + } + + .sm\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.25rem * var(--space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); + } + + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.75rem * var(--space-y-reverse)); + } + + .sm\:space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.75rem * var(--space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); + } + + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.25rem * var(--space-y-reverse)); + } + + .sm\:space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.25rem * var(--space-x-reverse)); + margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.5rem * var(--space-y-reverse)); + } + + .sm\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.5rem * var(--space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.75rem * var(--space-y-reverse)); + } + + .sm\:space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.75rem * var(--space-x-reverse)); + margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); + } + + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); + } + + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); + } + + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(7rem * var(--space-y-reverse)); + } + + .sm\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(7rem * var(--space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); + } + + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(9rem * var(--space-y-reverse)); + } + + .sm\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(9rem * var(--space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); + } + + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(11rem * var(--space-y-reverse)); + } + + .sm\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(11rem * var(--space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); + } + + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(13rem * var(--space-y-reverse)); + } + + .sm\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(13rem * var(--space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); + } + + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(15rem * var(--space-y-reverse)); + } + + .sm\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(15rem * var(--space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); + } + + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(18rem * var(--space-y-reverse)); + } + + .sm\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(18rem * var(--space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20rem * var(--space-y-reverse)); + } + + .sm\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20rem * var(--space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(24rem * var(--space-y-reverse)); + } + + .sm\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(24rem * var(--space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); + } + + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.125rem * var(--space-y-reverse)); + } + + .sm\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.125rem * var(--space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.375rem * var(--space-y-reverse)); + } + + .sm\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.375rem * var(--space-x-reverse)); + margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.625rem * var(--space-y-reverse)); + } + + .sm\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.625rem * var(--space-x-reverse)); + margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.875rem * var(--space-y-reverse)); + } + + .sm\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.875rem * var(--space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); + } + + .sm\:space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); + } + + .sm\:space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20% * var(--space-x-reverse)); + margin-left: calc(20% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(40% * var(--space-y-reverse)); + } + + .sm\:space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(40% * var(--space-x-reverse)); + margin-left: calc(40% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(60% * var(--space-y-reverse)); + } + + .sm\:space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(60% * var(--space-x-reverse)); + margin-left: calc(60% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(80% * var(--space-y-reverse)); + } + + .sm\:space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(80% * var(--space-x-reverse)); + margin-left: calc(80% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); + } + + .sm\:space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8.333333% * var(--space-x-reverse)); + margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); + } + + .sm\:space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(41.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(41.666667% * var(--space-x-reverse)); + margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); + } + + .sm\:space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(58.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(58.333333% * var(--space-x-reverse)); + margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); + } + + .sm\:space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); + } + + .sm\:space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(91.666667% * var(--space-y-reverse)); + } + + .sm\:space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(91.666667% * var(--space-x-reverse)); + margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(100% * var(--space-y-reverse)); + } + + .sm\:space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(100% * var(--space-x-reverse)); + margin-left: calc(100% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + } + + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); + } + + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); + } + + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); + } + + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); + } + + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); + } + + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--space-y-reverse)); + } + + .sm\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); + } + + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--space-y-reverse)); + } + + .sm\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); + } + + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--space-y-reverse)); + } + + .sm\:-space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); + } + + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.25rem * var(--space-y-reverse)); + } + + .sm\:-space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.25rem * var(--space-x-reverse)); + margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--space-y-reverse)); + } + + .sm\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.75rem * var(--space-y-reverse)); + } + + .sm\:-space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.75rem * var(--space-x-reverse)); + margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); + } + + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); + } + + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); + } + + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-7rem * var(--space-y-reverse)); + } + + .sm\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-7rem * var(--space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); + } + + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-9rem * var(--space-y-reverse)); + } + + .sm\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-9rem * var(--space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); + } + + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-11rem * var(--space-y-reverse)); + } + + .sm\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-11rem * var(--space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); + } + + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-13rem * var(--space-y-reverse)); + } + + .sm\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-13rem * var(--space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); + } + + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-15rem * var(--space-y-reverse)); + } + + .sm\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-15rem * var(--space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); + } + + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-18rem * var(--space-y-reverse)); + } + + .sm\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-18rem * var(--space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20rem * var(--space-y-reverse)); + } + + .sm\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20rem * var(--space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-24rem * var(--space-y-reverse)); + } + + .sm\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-24rem * var(--space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); + } + + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.125rem * var(--space-y-reverse)); + } + + .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.375rem * var(--space-y-reverse)); + } + + .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.375rem * var(--space-x-reverse)); + margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.625rem * var(--space-y-reverse)); + } + + .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.625rem * var(--space-x-reverse)); + margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--space-y-reverse)); + } + + .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); + } + + .sm\:-space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); + } + + .sm\:-space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20% * var(--space-x-reverse)); + margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-40% * var(--space-y-reverse)); + } + + .sm\:-space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-40% * var(--space-x-reverse)); + margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-60% * var(--space-y-reverse)); + } + + .sm\:-space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-60% * var(--space-x-reverse)); + margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-80% * var(--space-y-reverse)); + } + + .sm\:-space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-80% * var(--space-x-reverse)); + margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); + } + + .sm\:-space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8.33333% * var(--space-x-reverse)); + margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); + } + + .sm\:-space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-41.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-41.66667% * var(--space-x-reverse)); + margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); + } + + .sm\:-space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-58.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-58.33333% * var(--space-x-reverse)); + margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); + } + + .sm\:-space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + } + + .sm\:-space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-91.66667% * var(--space-y-reverse)); + } + + .sm\:-space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-91.66667% * var(--space-x-reverse)); + margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); + } + + .sm\:-space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-100% * var(--space-y-reverse)); + } + + .sm\:-space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-100% * var(--space-x-reverse)); + margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); + } + + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; + } + + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; + } + + .sm\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0px * var(--divide-y-reverse)); + } + + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + } + + .sm\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); + } + + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + } + + .sm\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); + } + + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + } + + .sm\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); + } + + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + } + + .sm\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); + } + + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + } + + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; + } + + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; + } + + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } + + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } + + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } + + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } + + .sm\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } + + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } + + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } + + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } + + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } + + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } + + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } + + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } + + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } + + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } + + .sm\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } + + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } + + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } + + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } + + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } + + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } + + .sm\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } + + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } + + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } + + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } + + .sm\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } + + .sm\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } + + .sm\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } + + .sm\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } + + .sm\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } + + .sm\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } + + .sm\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } + + .sm\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } + + .sm\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } + + .sm\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } + + .sm\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } + + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } + + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } + + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } + + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } + + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } + + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } + + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } + + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } + + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } + + .sm\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } + + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } + + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } + + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } + + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } + + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } + + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } + + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } + + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } + + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } + + .sm\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } + + .sm\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } + + .sm\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } + + .sm\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } + + .sm\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } + + .sm\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } + + .sm\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } + + .sm\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } + + .sm\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } + + .sm\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } + + .sm\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } + + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } + + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } + + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } + + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } + + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } + + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } + + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } + + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } + + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } + + .sm\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } + + .sm\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } + + .sm\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } + + .sm\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } + + .sm\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } + + .sm\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } + + .sm\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } + + .sm\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } + + .sm\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } + + .sm\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } + + .sm\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } + + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } + + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } + + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } + + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } + + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } + + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } + + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } + + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } + + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } + + .sm\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } + + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } + + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } + + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } + + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } + + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } + + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } + + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } + + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } + + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } + + @media (prefers-color-scheme: dark) { + .sm\:dark\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } + + .sm\:dark\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } + + .sm\:dark\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } + + .sm\:dark\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } + + .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } + + .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } + + .sm\:dark\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } + + .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } + + .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } + + .sm\:dark\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } + + .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } + + .sm\:dark\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } + + .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } + + .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } + } + + .sm\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; + } + + .sm\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; + } + + .sm\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; + } + + .sm\:divide-double > :not(template) ~ :not(template) { + border-style: double; + } + + .sm\:divide-none > :not(template) ~ :not(template) { + border-style: none; + } + + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; + } + + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; + } + + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; + } + + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; + } + + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + } + + .sm\:sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:appearance-none { + appearance: none; + } + + .sm\:bg-fixed { + background-attachment: fixed; + } + + .sm\:bg-local { + background-attachment: local; + } + + .sm\:bg-scroll { + background-attachment: scroll; + } + + .sm\:bg-clip-border { + background-clip: border-box; + } + + .sm\:bg-clip-padding { + background-clip: padding-box; + } + + .sm\:bg-clip-content { + background-clip: content-box; + } + + .sm\:bg-clip-text { + background-clip: text; + } + + .sm\:bg-transparent { + background-color: transparent; + } + + .sm\:bg-current { + background-color: currentColor; + } + + .sm\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + .sm\:hover\:bg-transparent:hover { + background-color: transparent; + } + + .sm\:hover\:bg-current:hover { + background-color: currentColor; + } + + .sm\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + .sm\:focus\:bg-transparent:focus { + background-color: transparent; + } + + .sm\:focus\:bg-current:focus { + background-color: currentColor; + } + + .sm\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + @media (prefers-color-scheme: dark) { + .sm\:dark\:bg-transparent { + background-color: transparent; + } + + .sm\:dark\:bg-current { + background-color: currentColor; + } + + .sm\:dark\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:dark\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:dark\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:dark\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:dark\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:dark\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:dark\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:dark\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:dark\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:dark\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:dark\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:dark\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-transparent:hover { + background-color: transparent; + } + + .sm\:dark\:hover\:bg-current:hover { + background-color: currentColor; + } + + .sm\:dark\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:dark\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-transparent:focus { + background-color: transparent; + } + + .sm\:dark\:focus\:bg-current:focus { + background-color: currentColor; + } + + .sm\:dark\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .sm\:dark\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + } + + .sm\:bg-none { + background-image: none; + } + + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); + } + + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); + } + + .sm\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:to-transparent { + --gradient-to-color: transparent; + } + + .sm\:to-current { + --gradient-to-color: currentColor; + } + + .sm\:to-black { + --gradient-to-color: #000000; + } + + .sm\:to-white { + --gradient-to-color: #ffffff; + } + + .sm\:to-gray-50 { + --gradient-to-color: #f9fafb; + } + + .sm\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } + + .sm\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } + + .sm\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } + + .sm\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } + + .sm\:to-gray-500 { + --gradient-to-color: #6b7280; + } + + .sm\:to-gray-600 { + --gradient-to-color: #4b5563; + } + + .sm\:to-gray-700 { + --gradient-to-color: #374151; + } + + .sm\:to-gray-800 { + --gradient-to-color: #252f3f; + } + + .sm\:to-gray-900 { + --gradient-to-color: #161e2e; + } + + .sm\:to-red-50 { + --gradient-to-color: #fdf2f2; + } + + .sm\:to-red-100 { + --gradient-to-color: #fde8e8; + } + + .sm\:to-red-200 { + --gradient-to-color: #fbd5d5; + } + + .sm\:to-red-300 { + --gradient-to-color: #f8b4b4; + } + + .sm\:to-red-400 { + --gradient-to-color: #f98080; + } + + .sm\:to-red-500 { + --gradient-to-color: #f05252; + } + + .sm\:to-red-600 { + --gradient-to-color: #e02424; + } + + .sm\:to-red-700 { + --gradient-to-color: #c81e1e; + } + + .sm\:to-red-800 { + --gradient-to-color: #9b1c1c; + } + + .sm\:to-red-900 { + --gradient-to-color: #771d1d; + } + + .sm\:to-orange-50 { + --gradient-to-color: #fff8f1; + } + + .sm\:to-orange-100 { + --gradient-to-color: #feecdc; + } + + .sm\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } + + .sm\:to-orange-300 { + --gradient-to-color: #fdba8c; + } + + .sm\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } + + .sm\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } + + .sm\:to-orange-600 { + --gradient-to-color: #d03801; + } + + .sm\:to-orange-700 { + --gradient-to-color: #b43403; + } + + .sm\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } + + .sm\:to-orange-900 { + --gradient-to-color: #73230d; + } + + .sm\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } + + .sm\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } + + .sm\:to-yellow-200 { + --gradient-to-color: #fce96a; + } + + .sm\:to-yellow-300 { + --gradient-to-color: #faca15; + } + + .sm\:to-yellow-400 { + --gradient-to-color: #e3a008; + } + + .sm\:to-yellow-500 { + --gradient-to-color: #c27803; + } + + .sm\:to-yellow-600 { + --gradient-to-color: #9f580a; + } + + .sm\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } + + .sm\:to-yellow-800 { + --gradient-to-color: #723b13; + } + + .sm\:to-yellow-900 { + --gradient-to-color: #633112; + } + + .sm\:to-green-50 { + --gradient-to-color: #f3faf7; + } + + .sm\:to-green-100 { + --gradient-to-color: #def7ec; + } + + .sm\:to-green-200 { + --gradient-to-color: #bcf0da; + } + + .sm\:to-green-300 { + --gradient-to-color: #84e1bc; + } + + .sm\:to-green-400 { + --gradient-to-color: #31c48d; + } + + .sm\:to-green-500 { + --gradient-to-color: #0e9f6e; + } + + .sm\:to-green-600 { + --gradient-to-color: #057a55; + } + + .sm\:to-green-700 { + --gradient-to-color: #046c4e; + } + + .sm\:to-green-800 { + --gradient-to-color: #03543f; + } + + .sm\:to-green-900 { + --gradient-to-color: #014737; + } + + .sm\:to-teal-50 { + --gradient-to-color: #edfafa; + } + + .sm\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } + + .sm\:to-teal-200 { + --gradient-to-color: #afecef; + } + + .sm\:to-teal-300 { + --gradient-to-color: #7edce2; + } + + .sm\:to-teal-400 { + --gradient-to-color: #16bdca; + } + + .sm\:to-teal-500 { + --gradient-to-color: #0694a2; + } + + .sm\:to-teal-600 { + --gradient-to-color: #047481; + } + + .sm\:to-teal-700 { + --gradient-to-color: #036672; + } + + .sm\:to-teal-800 { + --gradient-to-color: #05505c; + } + + .sm\:to-teal-900 { + --gradient-to-color: #014451; + } + + .sm\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } + + .sm\:to-blue-100 { + --gradient-to-color: #e1effe; + } + + .sm\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } + + .sm\:to-blue-300 { + --gradient-to-color: #a4cafe; + } + + .sm\:to-blue-400 { + --gradient-to-color: #76a9fa; + } + + .sm\:to-blue-500 { + --gradient-to-color: #3f83f8; + } + + .sm\:to-blue-600 { + --gradient-to-color: #1c64f2; + } + + .sm\:to-blue-700 { + --gradient-to-color: #1a56db; + } + + .sm\:to-blue-800 { + --gradient-to-color: #1e429f; + } + + .sm\:to-blue-900 { + --gradient-to-color: #233876; + } + + .sm\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } + + .sm\:to-indigo-100 { + --gradient-to-color: #e5edff; + } + + .sm\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } + + .sm\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } + + .sm\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } + + .sm\:to-indigo-500 { + --gradient-to-color: #6875f5; + } + + .sm\:to-indigo-600 { + --gradient-to-color: #5850ec; + } + + .sm\:to-indigo-700 { + --gradient-to-color: #5145cd; + } + + .sm\:to-indigo-800 { + --gradient-to-color: #42389d; + } + + .sm\:to-indigo-900 { + --gradient-to-color: #362f78; + } + + .sm\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } + + .sm\:to-purple-100 { + --gradient-to-color: #edebfe; + } + + .sm\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } + + .sm\:to-purple-300 { + --gradient-to-color: #cabffd; + } + + .sm\:to-purple-400 { + --gradient-to-color: #ac94fa; + } + + .sm\:to-purple-500 { + --gradient-to-color: #9061f9; + } + + .sm\:to-purple-600 { + --gradient-to-color: #7e3af2; + } + + .sm\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } + + .sm\:to-purple-800 { + --gradient-to-color: #5521b5; + } + + .sm\:to-purple-900 { + --gradient-to-color: #4a1d96; + } + + .sm\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } + + .sm\:to-pink-100 { + --gradient-to-color: #fce8f3; + } + + .sm\:to-pink-200 { + --gradient-to-color: #fad1e8; + } + + .sm\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } + + .sm\:to-pink-400 { + --gradient-to-color: #f17eb8; + } + + .sm\:to-pink-500 { + --gradient-to-color: #e74694; + } + + .sm\:to-pink-600 { + --gradient-to-color: #d61f69; + } + + .sm\:to-pink-700 { + --gradient-to-color: #bf125d; + } + + .sm\:to-pink-800 { + --gradient-to-color: #99154b; + } + + .sm\:to-pink-900 { + --gradient-to-color: #751a3d; + } + + .sm\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } + + .sm\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } + + .sm\:hover\:to-black:hover { + --gradient-to-color: #000000; + } + + .sm\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } + + .sm\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } + + .sm\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } + + .sm\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } + + .sm\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } + + .sm\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } + + .sm\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } + + .sm\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } + + .sm\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } + + .sm\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } + + .sm\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } + + .sm\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } + + .sm\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } + + .sm\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } + + .sm\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } + + .sm\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } + + .sm\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } + + .sm\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } + + .sm\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } + + .sm\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } + + .sm\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } + + .sm\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } + + .sm\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } + + .sm\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } + + .sm\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } + + .sm\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } + + .sm\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } + + .sm\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } + + .sm\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } + + .sm\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } + + .sm\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } + + .sm\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } + + .sm\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } + + .sm\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } + + .sm\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } + + .sm\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } + + .sm\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } + + .sm\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } + + .sm\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } + + .sm\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } + + .sm\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } + + .sm\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } + + .sm\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } + + .sm\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } + + .sm\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } + + .sm\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } + + .sm\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } + + .sm\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } + + .sm\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } + + .sm\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } + + .sm\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } + + .sm\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } + + .sm\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } + + .sm\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } + + .sm\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } + + .sm\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } + + .sm\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } + + .sm\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } + + .sm\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } + + .sm\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } + + .sm\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } + + .sm\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } + + .sm\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } + + .sm\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } + + .sm\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } + + .sm\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } + + .sm\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } + + .sm\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } + + .sm\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } + + .sm\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } + + .sm\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } + + .sm\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } + + .sm\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } + + .sm\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } + + .sm\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } + + .sm\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } + + .sm\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } + + .sm\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } + + .sm\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } + + .sm\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } + + .sm\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } + + .sm\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } + + .sm\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } + + .sm\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } + + .sm\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } + + .sm\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } + + .sm\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } + + .sm\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } + + .sm\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } + + .sm\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } + + .sm\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } + + .sm\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } + + .sm\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } + + .sm\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } + + .sm\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } + + .sm\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } + + .sm\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } + + .sm\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } + + .sm\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } + + .sm\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } + + .sm\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } + + .sm\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } + + .sm\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } + + .sm\:focus\:to-black:focus { + --gradient-to-color: #000000; + } + + .sm\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } + + .sm\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } + + .sm\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } + + .sm\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } + + .sm\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } + + .sm\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } + + .sm\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } + + .sm\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } + + .sm\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } + + .sm\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } + + .sm\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } + + .sm\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } + + .sm\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } + + .sm\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } + + .sm\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } + + .sm\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } + + .sm\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } + + .sm\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } + + .sm\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } + + .sm\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } + + .sm\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } + + .sm\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } + + .sm\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } + + .sm\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } + + .sm\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } + + .sm\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } + + .sm\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } + + .sm\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } + + .sm\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } + + .sm\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } + + .sm\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } + + .sm\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } + + .sm\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } + + .sm\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } + + .sm\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } + + .sm\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } + + .sm\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } + + .sm\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } + + .sm\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } + + .sm\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } + + .sm\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } + + .sm\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } + + .sm\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } + + .sm\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } + + .sm\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } + + .sm\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } + + .sm\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } + + .sm\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } + + .sm\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } + + .sm\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } + + .sm\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } + + .sm\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } + + .sm\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } + + .sm\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } + + .sm\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } + + .sm\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } + + .sm\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } + + .sm\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } + + .sm\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } + + .sm\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } + + .sm\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } + + .sm\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } + + .sm\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } + + .sm\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } + + .sm\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } + + .sm\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } + + .sm\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } + + .sm\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } + + .sm\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } + + .sm\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } + + .sm\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } + + .sm\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } + + .sm\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } + + .sm\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } + + .sm\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } + + .sm\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } + + .sm\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } + + .sm\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } + + .sm\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } + + .sm\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } + + .sm\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } + + .sm\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } + + .sm\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } + + .sm\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } + + .sm\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } + + .sm\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } + + .sm\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } + + .sm\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } + + .sm\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } + + .sm\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } + + .sm\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } + + .sm\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } + + .sm\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } + + .sm\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } + + .sm\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } + + .sm\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } + + .sm\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } + + .sm\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } + + .sm\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } + + .sm\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } + + .sm\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } + + @media (prefers-color-scheme: dark) { + .sm\:dark\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:to-transparent { + --gradient-to-color: transparent; + } + + .sm\:dark\:to-current { + --gradient-to-color: currentColor; + } + + .sm\:dark\:to-black { + --gradient-to-color: #000000; + } + + .sm\:dark\:to-white { + --gradient-to-color: #ffffff; + } + + .sm\:dark\:to-gray-50 { + --gradient-to-color: #f9fafb; + } + + .sm\:dark\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } + + .sm\:dark\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } + + .sm\:dark\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } + + .sm\:dark\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } + + .sm\:dark\:to-gray-500 { + --gradient-to-color: #6b7280; + } + + .sm\:dark\:to-gray-600 { + --gradient-to-color: #4b5563; + } + + .sm\:dark\:to-gray-700 { + --gradient-to-color: #374151; + } + + .sm\:dark\:to-gray-800 { + --gradient-to-color: #252f3f; + } + + .sm\:dark\:to-gray-900 { + --gradient-to-color: #161e2e; + } + + .sm\:dark\:to-red-50 { + --gradient-to-color: #fdf2f2; + } + + .sm\:dark\:to-red-100 { + --gradient-to-color: #fde8e8; + } + + .sm\:dark\:to-red-200 { + --gradient-to-color: #fbd5d5; + } + + .sm\:dark\:to-red-300 { + --gradient-to-color: #f8b4b4; + } + + .sm\:dark\:to-red-400 { + --gradient-to-color: #f98080; + } + + .sm\:dark\:to-red-500 { + --gradient-to-color: #f05252; + } + + .sm\:dark\:to-red-600 { + --gradient-to-color: #e02424; + } + + .sm\:dark\:to-red-700 { + --gradient-to-color: #c81e1e; + } + + .sm\:dark\:to-red-800 { + --gradient-to-color: #9b1c1c; + } + + .sm\:dark\:to-red-900 { + --gradient-to-color: #771d1d; + } + + .sm\:dark\:to-orange-50 { + --gradient-to-color: #fff8f1; + } + + .sm\:dark\:to-orange-100 { + --gradient-to-color: #feecdc; + } + + .sm\:dark\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } + + .sm\:dark\:to-orange-300 { + --gradient-to-color: #fdba8c; + } + + .sm\:dark\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } + + .sm\:dark\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } + + .sm\:dark\:to-orange-600 { + --gradient-to-color: #d03801; + } + + .sm\:dark\:to-orange-700 { + --gradient-to-color: #b43403; + } + + .sm\:dark\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } + + .sm\:dark\:to-orange-900 { + --gradient-to-color: #73230d; + } + + .sm\:dark\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } + + .sm\:dark\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } + + .sm\:dark\:to-yellow-200 { + --gradient-to-color: #fce96a; + } + + .sm\:dark\:to-yellow-300 { + --gradient-to-color: #faca15; + } + + .sm\:dark\:to-yellow-400 { + --gradient-to-color: #e3a008; + } + + .sm\:dark\:to-yellow-500 { + --gradient-to-color: #c27803; + } + + .sm\:dark\:to-yellow-600 { + --gradient-to-color: #9f580a; + } + + .sm\:dark\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } + + .sm\:dark\:to-yellow-800 { + --gradient-to-color: #723b13; + } + + .sm\:dark\:to-yellow-900 { + --gradient-to-color: #633112; + } + + .sm\:dark\:to-green-50 { + --gradient-to-color: #f3faf7; + } + + .sm\:dark\:to-green-100 { + --gradient-to-color: #def7ec; + } + + .sm\:dark\:to-green-200 { + --gradient-to-color: #bcf0da; + } + + .sm\:dark\:to-green-300 { + --gradient-to-color: #84e1bc; + } + + .sm\:dark\:to-green-400 { + --gradient-to-color: #31c48d; + } + + .sm\:dark\:to-green-500 { + --gradient-to-color: #0e9f6e; + } + + .sm\:dark\:to-green-600 { + --gradient-to-color: #057a55; + } + + .sm\:dark\:to-green-700 { + --gradient-to-color: #046c4e; + } + + .sm\:dark\:to-green-800 { + --gradient-to-color: #03543f; + } + + .sm\:dark\:to-green-900 { + --gradient-to-color: #014737; + } + + .sm\:dark\:to-teal-50 { + --gradient-to-color: #edfafa; + } + + .sm\:dark\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } + + .sm\:dark\:to-teal-200 { + --gradient-to-color: #afecef; + } + + .sm\:dark\:to-teal-300 { + --gradient-to-color: #7edce2; + } + + .sm\:dark\:to-teal-400 { + --gradient-to-color: #16bdca; + } + + .sm\:dark\:to-teal-500 { + --gradient-to-color: #0694a2; + } + + .sm\:dark\:to-teal-600 { + --gradient-to-color: #047481; + } + + .sm\:dark\:to-teal-700 { + --gradient-to-color: #036672; + } + + .sm\:dark\:to-teal-800 { + --gradient-to-color: #05505c; + } + + .sm\:dark\:to-teal-900 { + --gradient-to-color: #014451; + } + + .sm\:dark\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } + + .sm\:dark\:to-blue-100 { + --gradient-to-color: #e1effe; + } + + .sm\:dark\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } + + .sm\:dark\:to-blue-300 { + --gradient-to-color: #a4cafe; + } + + .sm\:dark\:to-blue-400 { + --gradient-to-color: #76a9fa; + } + + .sm\:dark\:to-blue-500 { + --gradient-to-color: #3f83f8; + } + + .sm\:dark\:to-blue-600 { + --gradient-to-color: #1c64f2; + } + + .sm\:dark\:to-blue-700 { + --gradient-to-color: #1a56db; + } + + .sm\:dark\:to-blue-800 { + --gradient-to-color: #1e429f; + } + + .sm\:dark\:to-blue-900 { + --gradient-to-color: #233876; + } + + .sm\:dark\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } + + .sm\:dark\:to-indigo-100 { + --gradient-to-color: #e5edff; + } + + .sm\:dark\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } + + .sm\:dark\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } + + .sm\:dark\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } + + .sm\:dark\:to-indigo-500 { + --gradient-to-color: #6875f5; + } + + .sm\:dark\:to-indigo-600 { + --gradient-to-color: #5850ec; + } + + .sm\:dark\:to-indigo-700 { + --gradient-to-color: #5145cd; + } + + .sm\:dark\:to-indigo-800 { + --gradient-to-color: #42389d; + } + + .sm\:dark\:to-indigo-900 { + --gradient-to-color: #362f78; + } + + .sm\:dark\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } + + .sm\:dark\:to-purple-100 { + --gradient-to-color: #edebfe; + } + + .sm\:dark\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } + + .sm\:dark\:to-purple-300 { + --gradient-to-color: #cabffd; + } + + .sm\:dark\:to-purple-400 { + --gradient-to-color: #ac94fa; + } + + .sm\:dark\:to-purple-500 { + --gradient-to-color: #9061f9; + } + + .sm\:dark\:to-purple-600 { + --gradient-to-color: #7e3af2; + } + + .sm\:dark\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } + + .sm\:dark\:to-purple-800 { + --gradient-to-color: #5521b5; + } + + .sm\:dark\:to-purple-900 { + --gradient-to-color: #4a1d96; + } + + .sm\:dark\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } + + .sm\:dark\:to-pink-100 { + --gradient-to-color: #fce8f3; + } + + .sm\:dark\:to-pink-200 { + --gradient-to-color: #fad1e8; + } + + .sm\:dark\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } + + .sm\:dark\:to-pink-400 { + --gradient-to-color: #f17eb8; + } + + .sm\:dark\:to-pink-500 { + --gradient-to-color: #e74694; + } + + .sm\:dark\:to-pink-600 { + --gradient-to-color: #d61f69; + } + + .sm\:dark\:to-pink-700 { + --gradient-to-color: #bf125d; + } + + .sm\:dark\:to-pink-800 { + --gradient-to-color: #99154b; + } + + .sm\:dark\:to-pink-900 { + --gradient-to-color: #751a3d; + } + + .sm\:dark\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } + + .sm\:dark\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } + + .sm\:dark\:hover\:to-black:hover { + --gradient-to-color: #000000; + } + + .sm\:dark\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } + + .sm\:dark\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } + + .sm\:dark\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } + + .sm\:dark\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } + + .sm\:dark\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } + + .sm\:dark\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } + + .sm\:dark\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } + + .sm\:dark\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } + + .sm\:dark\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } + + .sm\:dark\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } + + .sm\:dark\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } + + .sm\:dark\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } + + .sm\:dark\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } + + .sm\:dark\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } + + .sm\:dark\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } + + .sm\:dark\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } + + .sm\:dark\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } + + .sm\:dark\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } + + .sm\:dark\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } + + .sm\:dark\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } + + .sm\:dark\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } + + .sm\:dark\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } + + .sm\:dark\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } + + .sm\:dark\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } + + .sm\:dark\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } + + .sm\:dark\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } + + .sm\:dark\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } + + .sm\:dark\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } + + .sm\:dark\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } + + .sm\:dark\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } + + .sm\:dark\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } + + .sm\:dark\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } + + .sm\:dark\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } + + .sm\:dark\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } + + .sm\:dark\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } + + .sm\:dark\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } + + .sm\:dark\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } + + .sm\:dark\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } + + .sm\:dark\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } + + .sm\:dark\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } + + .sm\:dark\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } + + .sm\:dark\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } + + .sm\:dark\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } + + .sm\:dark\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } + + .sm\:dark\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } + + .sm\:dark\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } + + .sm\:dark\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } + + .sm\:dark\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } + + .sm\:dark\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } + + .sm\:dark\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } + + .sm\:dark\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } + + .sm\:dark\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } + + .sm\:dark\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } + + .sm\:dark\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } + + .sm\:dark\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } + + .sm\:dark\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } + + .sm\:dark\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } + + .sm\:dark\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } + + .sm\:dark\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } + + .sm\:dark\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } + + .sm\:dark\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } + + .sm\:dark\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } + + .sm\:dark\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } + + .sm\:dark\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } + + .sm\:dark\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } + + .sm\:dark\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } + + .sm\:dark\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } + + .sm\:dark\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } + + .sm\:dark\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } + + .sm\:dark\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } + + .sm\:dark\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } + + .sm\:dark\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } + + .sm\:dark\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } + + .sm\:dark\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } + + .sm\:dark\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } + + .sm\:dark\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } + + .sm\:dark\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } + + .sm\:dark\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } + + .sm\:dark\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } + + .sm\:dark\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } + + .sm\:dark\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } + + .sm\:dark\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } + + .sm\:dark\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } + + .sm\:dark\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } + + .sm\:dark\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } + + .sm\:dark\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } + + .sm\:dark\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } + + .sm\:dark\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } + + .sm\:dark\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } + + .sm\:dark\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } + + .sm\:dark\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } + + .sm\:dark\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } + + .sm\:dark\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } + + .sm\:dark\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } + + .sm\:dark\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } + + .sm\:dark\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } + + .sm\:dark\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } + + .sm\:dark\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } + + .sm\:dark\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } + + .sm\:dark\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } + + .sm\:dark\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } + + .sm\:dark\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .sm\:dark\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .sm\:dark\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .sm\:dark\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .sm\:dark\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .sm\:dark\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .sm\:dark\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .sm\:dark\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .sm\:dark\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .sm\:dark\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .sm\:dark\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .sm\:dark\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .sm\:dark\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .sm\:dark\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .sm\:dark\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .sm\:dark\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .sm\:dark\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .sm\:dark\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .sm\:dark\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .sm\:dark\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .sm\:dark\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .sm\:dark\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .sm\:dark\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .sm\:dark\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .sm\:dark\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .sm\:dark\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .sm\:dark\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .sm\:dark\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .sm\:dark\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .sm\:dark\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .sm\:dark\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .sm\:dark\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .sm\:dark\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .sm\:dark\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .sm\:dark\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .sm\:dark\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .sm\:dark\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .sm\:dark\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .sm\:dark\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .sm\:dark\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .sm\:dark\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .sm\:dark\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .sm\:dark\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .sm\:dark\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .sm\:dark\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .sm\:dark\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .sm\:dark\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .sm\:dark\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .sm\:dark\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .sm\:dark\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .sm\:dark\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .sm\:dark\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .sm\:dark\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .sm\:dark\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .sm\:dark\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .sm\:dark\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .sm\:dark\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .sm\:dark\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .sm\:dark\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .sm\:dark\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .sm\:dark\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .sm\:dark\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .sm\:dark\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .sm\:dark\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .sm\:dark\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .sm\:dark\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .sm\:dark\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .sm\:dark\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .sm\:dark\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .sm\:dark\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .sm\:dark\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .sm\:dark\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .sm\:dark\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .sm\:dark\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .sm\:dark\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .sm\:dark\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .sm\:dark\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .sm\:dark\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .sm\:dark\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .sm\:dark\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .sm\:dark\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .sm\:dark\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .sm\:dark\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .sm\:dark\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .sm\:dark\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .sm\:dark\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .sm\:dark\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .sm\:dark\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .sm\:dark\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .sm\:dark\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .sm\:dark\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .sm\:dark\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .sm\:dark\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .sm\:dark\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .sm\:dark\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .sm\:dark\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .sm\:dark\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .sm\:dark\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .sm\:dark\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .sm\:dark\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .sm\:dark\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .sm\:dark\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .sm\:dark\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } + + .sm\:dark\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } + + .sm\:dark\:focus\:to-black:focus { + --gradient-to-color: #000000; + } + + .sm\:dark\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } + + .sm\:dark\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } + + .sm\:dark\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } + + .sm\:dark\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } + + .sm\:dark\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } + + .sm\:dark\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } + + .sm\:dark\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } + + .sm\:dark\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } + + .sm\:dark\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } + + .sm\:dark\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } + + .sm\:dark\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } + + .sm\:dark\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } + + .sm\:dark\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } + + .sm\:dark\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } + + .sm\:dark\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } + + .sm\:dark\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } + + .sm\:dark\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } + + .sm\:dark\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } + + .sm\:dark\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } + + .sm\:dark\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } + + .sm\:dark\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } + + .sm\:dark\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } + + .sm\:dark\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } + + .sm\:dark\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } + + .sm\:dark\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } + + .sm\:dark\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } + + .sm\:dark\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } + + .sm\:dark\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } + + .sm\:dark\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } + + .sm\:dark\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } + + .sm\:dark\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } + + .sm\:dark\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } + + .sm\:dark\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } + + .sm\:dark\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } + + .sm\:dark\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } + + .sm\:dark\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } + + .sm\:dark\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } + + .sm\:dark\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } + + .sm\:dark\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } + + .sm\:dark\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } + + .sm\:dark\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } + + .sm\:dark\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } + + .sm\:dark\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } + + .sm\:dark\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } + + .sm\:dark\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } + + .sm\:dark\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } + + .sm\:dark\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } + + .sm\:dark\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } + + .sm\:dark\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } + + .sm\:dark\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } + + .sm\:dark\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } + + .sm\:dark\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } + + .sm\:dark\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } + + .sm\:dark\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } + + .sm\:dark\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } + + .sm\:dark\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } + + .sm\:dark\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } + + .sm\:dark\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } + + .sm\:dark\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } + + .sm\:dark\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } + + .sm\:dark\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } + + .sm\:dark\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } + + .sm\:dark\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } + + .sm\:dark\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } + + .sm\:dark\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } + + .sm\:dark\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } + + .sm\:dark\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } + + .sm\:dark\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } + + .sm\:dark\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } + + .sm\:dark\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } + + .sm\:dark\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } + + .sm\:dark\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } + + .sm\:dark\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } + + .sm\:dark\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } + + .sm\:dark\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } + + .sm\:dark\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } + + .sm\:dark\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } + + .sm\:dark\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } + + .sm\:dark\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } + + .sm\:dark\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } + + .sm\:dark\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } + + .sm\:dark\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } + + .sm\:dark\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } + + .sm\:dark\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } + + .sm\:dark\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } + + .sm\:dark\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } + + .sm\:dark\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } + + .sm\:dark\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } + + .sm\:dark\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } + + .sm\:dark\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } + + .sm\:dark\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } + + .sm\:dark\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } + + .sm\:dark\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } + + .sm\:dark\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } + + .sm\:dark\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } + + .sm\:dark\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } + + .sm\:dark\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } + + .sm\:dark\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } + + .sm\:dark\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } + + .sm\:dark\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } + + .sm\:dark\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } + } + + .sm\:bg-opacity-0 { + --bg-opacity: 0; + } + + .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 { + background-position: bottom; + } + + .sm\:bg-center { + background-position: center; + } + + .sm\:bg-left { + background-position: left; + } + + .sm\:bg-left-bottom { + background-position: left bottom; + } + + .sm\:bg-left-top { + background-position: left top; + } + + .sm\:bg-right { + background-position: right; + } + + .sm\:bg-right-bottom { + background-position: right bottom; + } + + .sm\:bg-right-top { + background-position: right top; + } + + .sm\:bg-top { + background-position: top; + } + + .sm\:bg-repeat { + background-repeat: repeat; + } + + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } + + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } + + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } + + .sm\:bg-repeat-round { + background-repeat: round; + } + + .sm\:bg-repeat-space { + background-repeat: space; + } + + .sm\:bg-auto { + background-size: auto; + } + + .sm\:bg-cover { + background-size: cover; + } + + .sm\:bg-contain { + background-size: contain; + } + + .sm\:border-collapse { + border-collapse: collapse; + } + + .sm\:border-separate { + border-collapse: separate; + } + + .sm\:border-transparent { + border-color: transparent; + } + + .sm\:border-current { + border-color: currentColor; + } + + .sm\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .sm\:hover\:border-transparent:hover { + border-color: transparent; + } + + .sm\:hover\:border-current:hover { + border-color: currentColor; + } + + .sm\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .sm\:focus\:border-transparent:focus { + border-color: transparent; + } + + .sm\:focus\:border-current:focus { + border-color: currentColor; + } + + .sm\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + @media (prefers-color-scheme: dark) { + .sm\:dark\:border-transparent { + border-color: transparent; + } + + .sm\:dark\:border-current { + border-color: currentColor; + } + + .sm\:dark\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:dark\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:dark\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:dark\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:dark\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:dark\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:dark\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:dark\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:dark\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:dark\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:dark\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:dark\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:dark\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:dark\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:dark\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:dark\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:dark\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:dark\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:dark\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:dark\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:dark\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:dark\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:dark\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:dark\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:dark\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:dark\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:dark\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:dark\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:dark\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:dark\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:dark\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:dark\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:dark\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:dark\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:dark\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:dark\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:dark\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:dark\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:dark\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:dark\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:dark\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:dark\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:dark\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:dark\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:dark\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:dark\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:dark\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:dark\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:dark\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:dark\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:dark\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:dark\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:dark\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:dark\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:dark\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:dark\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:dark\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:dark\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:dark\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:dark\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:dark\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:dark\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:dark\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:dark\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:dark\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:dark\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:dark\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:dark\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:dark\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:dark\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:dark\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:dark\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:dark\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:dark\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:dark\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:dark\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:dark\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:dark\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:dark\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:dark\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:dark\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:dark\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-transparent:hover { + border-color: transparent; + } + + .sm\:dark\:hover\:border-current:hover { + border-color: currentColor; + } + + .sm\:dark\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:dark\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-transparent:focus { + border-color: transparent; + } + + .sm\:dark\:focus\:border-current:focus { + border-color: currentColor; + } + + .sm\:dark\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .sm\:dark\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + } + + .sm\:border-opacity-0 { + --border-opacity: 0; + } + + .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 { + border-radius: 0; + } + + .sm\:rounded-sm { + border-radius: 0.125rem; + } + + .sm\:rounded { + border-radius: 0.25rem; + } + + .sm\:rounded-md { + border-radius: 0.375rem; + } + + .sm\:rounded-lg { + border-radius: 0.5rem; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } + + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-tl-none { + border-top-left-radius: 0; + } + + .sm\:rounded-tr-none { + border-top-right-radius: 0; + } + + .sm\:rounded-br-none { + border-bottom-right-radius: 0; + } + + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; + } + + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } + + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; + } + + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } + + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } + + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } + + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .sm\:border-solid { + border-style: solid; + } + + .sm\:border-dashed { + border-style: dashed; + } + + .sm\:border-dotted { + border-style: dotted; + } + + .sm\:border-double { + border-style: double; + } + + .sm\:border-none { + border-style: none; + } + + .sm\:border-0 { + border-width: 0; + } + + .sm\:border-2 { + border-width: 2px; + } + + .sm\:border-4 { + border-width: 4px; + } + + .sm\:border-8 { + border-width: 8px; + } + + .sm\:border { + border-width: 1px; + } + + .sm\:border-t-0 { + border-top-width: 0; + } + + .sm\:border-r-0 { + border-right-width: 0; + } + + .sm\:border-b-0 { + border-bottom-width: 0; + } + + .sm\:border-l-0 { + border-left-width: 0; + } + + .sm\:border-t-2 { + border-top-width: 2px; + } + + .sm\:border-r-2 { + border-right-width: 2px; + } + + .sm\:border-b-2 { + border-bottom-width: 2px; + } + + .sm\:border-l-2 { + border-left-width: 2px; + } + + .sm\:border-t-4 { + border-top-width: 4px; + } + + .sm\:border-r-4 { + border-right-width: 4px; + } + + .sm\:border-b-4 { + border-bottom-width: 4px; + } + + .sm\:border-l-4 { + border-left-width: 4px; + } + + .sm\:border-t-8 { + border-top-width: 8px; + } + + .sm\:border-r-8 { + border-right-width: 8px; + } + + .sm\:border-b-8 { + border-bottom-width: 8px; + } + + .sm\:border-l-8 { + border-left-width: 8px; + } + + .sm\:border-t { + border-top-width: 1px; + } + + .sm\:border-r { + border-right-width: 1px; + } + + .sm\:border-b { + border-bottom-width: 1px; + } + + .sm\:border-l { + border-left-width: 1px; + } + + .sm\:box-border { + box-sizing: border-box; + } + + .sm\:box-content { + box-sizing: content-box; + } + + .sm\:cursor-auto { + cursor: auto; + } + + .sm\:cursor-default { + cursor: default; + } + + .sm\:cursor-pointer { + cursor: pointer; + } + + .sm\:cursor-wait { + cursor: wait; + } + + .sm\:cursor-text { + cursor: text; + } + + .sm\:cursor-move { + cursor: move; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed; + } + + .sm\:block { + display: block; + } + + .sm\:inline-block { + display: inline-block; + } + + .sm\:inline { + display: inline; + } + + .sm\:flex { + display: flex; + } + + .sm\:inline-flex { + display: inline-flex; + } + + .sm\:table { + display: table; + } + + .sm\:table-caption { + display: table-caption; + } + + .sm\:table-cell { + display: table-cell; + } + + .sm\:table-column { + display: table-column; + } + + .sm\:table-column-group { + display: table-column-group; + } + + .sm\:table-footer-group { + display: table-footer-group; + } + + .sm\:table-header-group { + display: table-header-group; + } + + .sm\:table-row-group { + display: table-row-group; + } + + .sm\:table-row { + display: table-row; + } + + .sm\:flow-root { + display: flow-root; + } + + .sm\:grid { + display: grid; + } + + .sm\:inline-grid { + display: inline-grid; + } + + .sm\:contents { + display: contents; + } + + .sm\:hidden { + display: none; + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } + + .sm\:flex-wrap { + flex-wrap: wrap; + } + + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } + + .sm\:items-start { + align-items: flex-start; + } + + .sm\:items-end { + align-items: flex-end; + } + + .sm\:items-center { + align-items: center; + } + + .sm\:items-baseline { + align-items: baseline; + } + + .sm\:items-stretch { + align-items: stretch; + } + + .sm\:self-auto { + align-self: auto; + } + + .sm\:self-start { + align-self: flex-start; + } + + .sm\:self-end { + align-self: flex-end; + } + + .sm\:self-center { + align-self: center; + } + + .sm\:self-stretch { + align-self: stretch; + } + + .sm\:justify-start { + justify-content: flex-start; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:justify-center { + justify-content: center; + } + + .sm\:justify-between { + justify-content: space-between; + } + + .sm\:justify-around { + justify-content: space-around; + } + + .sm\:justify-evenly { + justify-content: space-evenly; + } + + .sm\:content-center { + align-content: center; + } + + .sm\:content-start { + align-content: flex-start; + } + + .sm\:content-end { + align-content: flex-end; + } + + .sm\:content-between { + align-content: space-between; + } + + .sm\:content-around { + align-content: space-around; + } + + .sm\:flex-1 { + flex: 1 1 0%; + } + + .sm\:flex-auto { + flex: 1 1 auto; + } + + .sm\:flex-initial { + flex: 0 1 auto; + } + + .sm\:flex-none { + flex: none; + } + + .sm\:flex-grow-0 { + flex-grow: 0; + } + + .sm\:flex-grow { + flex-grow: 1; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:flex-shrink { + flex-shrink: 1; + } + + .sm\:order-1 { + order: 1; + } + + .sm\:order-2 { + order: 2; + } + + .sm\:order-3 { + order: 3; + } + + .sm\:order-4 { + order: 4; + } + + .sm\:order-5 { + order: 5; + } + + .sm\:order-6 { + order: 6; + } + + .sm\:order-7 { + order: 7; + } + + .sm\:order-8 { + order: 8; + } + + .sm\:order-9 { + order: 9; + } + + .sm\:order-10 { + order: 10; + } + + .sm\:order-11 { + order: 11; + } + + .sm\:order-12 { + order: 12; + } + + .sm\:order-first { + order: -9999; + } + + .sm\:order-last { + order: 9999; + } + + .sm\:order-none { + order: 0; + } + + .sm\:float-right { + float: right; + } + + .sm\:float-left { + float: left; + } + + .sm\:float-none { + float: none; + } + + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } + + .sm\:clear-left { + clear: left; + } + + .sm\:clear-right { + clear: right; + } + + .sm\:clear-both { + clear: both; + } + + .sm\:clear-none { + clear: none; + } + + .sm\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + } + + .sm\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + } + + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } + + .sm\:font-hairline { + font-weight: 100; + } + + .sm\:font-thin { + font-weight: 200; + } + + .sm\:font-light { + font-weight: 300; + } + + .sm\:font-normal { + font-weight: 400; + } + + .sm\:font-medium { + font-weight: 500; + } + + .sm\:font-semibold { + font-weight: 600; + } + + .sm\:font-bold { + font-weight: 700; + } + + .sm\:font-extrabold { + font-weight: 800; + } + + .sm\:font-black { + font-weight: 900; + } + + .sm\:hover\:font-hairline:hover { + font-weight: 100; + } + + .sm\:hover\:font-thin:hover { + font-weight: 200; + } + + .sm\:hover\:font-light:hover { + font-weight: 300; + } + + .sm\:hover\:font-normal:hover { + font-weight: 400; + } + + .sm\:hover\:font-medium:hover { + font-weight: 500; + } + + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } + + .sm\:hover\:font-bold:hover { + font-weight: 700; + } + + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } + + .sm\:hover\:font-black:hover { + font-weight: 900; + } + + .sm\:focus\:font-hairline:focus { + font-weight: 100; + } + + .sm\:focus\:font-thin:focus { + font-weight: 200; + } + + .sm\:focus\:font-light:focus { + font-weight: 300; + } + + .sm\:focus\:font-normal:focus { + font-weight: 400; + } + + .sm\:focus\:font-medium:focus { + font-weight: 500; + } + + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } + + .sm\:focus\:font-bold:focus { + font-weight: 700; + } + + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } + + .sm\:focus\:font-black:focus { + font-weight: 900; + } + + .sm\:h-0 { + height: 0; + } + + .sm\:h-1 { + height: 0.25rem; + } + + .sm\:h-2 { + height: 0.5rem; + } + + .sm\:h-3 { + height: 0.75rem; + } + + .sm\:h-4 { + height: 1rem; + } + + .sm\:h-5 { + height: 1.25rem; + } + + .sm\:h-6 { + height: 1.5rem; + } + + .sm\:h-7 { + height: 1.75rem; + } + + .sm\:h-8 { + height: 2rem; + } + + .sm\:h-9 { + height: 2.25rem; + } + + .sm\:h-10 { + height: 2.5rem; + } + + .sm\:h-11 { + height: 2.75rem; + } + + .sm\:h-12 { + height: 3rem; + } + + .sm\:h-13 { + height: 3.25rem; + } + + .sm\:h-14 { + height: 3.5rem; + } + + .sm\:h-15 { + height: 3.75rem; + } + + .sm\:h-16 { + height: 4rem; + } + + .sm\:h-20 { + height: 5rem; + } + + .sm\:h-24 { + height: 6rem; + } + + .sm\:h-28 { + height: 7rem; + } + + .sm\:h-32 { + height: 8rem; + } + + .sm\:h-36 { + height: 9rem; + } + + .sm\:h-40 { + height: 10rem; + } + + .sm\:h-44 { + height: 11rem; + } + + .sm\:h-48 { + height: 12rem; + } + + .sm\:h-52 { + height: 13rem; + } + + .sm\:h-56 { + height: 14rem; + } + + .sm\:h-60 { + height: 15rem; + } + + .sm\:h-64 { + height: 16rem; + } + + .sm\:h-72 { + height: 18rem; + } + + .sm\:h-80 { + height: 20rem; + } + + .sm\:h-96 { + height: 24rem; + } + + .sm\:h-auto { + height: auto; + } + + .sm\:h-px { + height: 1px; + } + + .sm\:h-0\.5 { + height: 0.125rem; + } + + .sm\:h-1\.5 { + height: 0.375rem; + } + + .sm\:h-2\.5 { + height: 0.625rem; + } + + .sm\:h-3\.5 { + height: 0.875rem; + } + + .sm\:h-1\/2 { + height: 50%; + } + + .sm\:h-1\/3 { + height: 33.333333%; + } + + .sm\:h-2\/3 { + height: 66.666667%; + } + + .sm\:h-1\/4 { + height: 25%; + } + + .sm\:h-2\/4 { + height: 50%; + } + + .sm\:h-3\/4 { + height: 75%; + } + + .sm\:h-1\/5 { + height: 20%; + } + + .sm\:h-2\/5 { + height: 40%; + } + + .sm\:h-3\/5 { + height: 60%; + } + + .sm\:h-4\/5 { + height: 80%; + } + + .sm\:h-1\/6 { + height: 16.666667%; + } + + .sm\:h-2\/6 { + height: 33.333333%; + } + + .sm\:h-3\/6 { + height: 50%; + } + + .sm\:h-4\/6 { + height: 66.666667%; + } + + .sm\:h-5\/6 { + height: 83.333333%; + } + + .sm\:h-1\/12 { + height: 8.333333%; + } + + .sm\:h-2\/12 { + height: 16.666667%; + } + + .sm\:h-3\/12 { + height: 25%; + } + + .sm\:h-4\/12 { + height: 33.333333%; + } + + .sm\:h-5\/12 { + height: 41.666667%; + } + + .sm\:h-6\/12 { + height: 50%; + } + + .sm\:h-7\/12 { + height: 58.333333%; + } + + .sm\:h-8\/12 { + height: 66.666667%; + } + + .sm\:h-9\/12 { + height: 75%; + } + + .sm\:h-10\/12 { + height: 83.333333%; + } + + .sm\:h-11\/12 { + height: 91.666667%; + } + + .sm\:h-full { + height: 100%; + } + + .sm\:h-screen { + height: 100vh; + } + + .sm\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .sm\:text-6xl { + font-size: 4rem; + line-height: 1; + } + + .sm\:text-7xl { + font-size: 5rem; + line-height: 1; + } + + .sm\:text-8xl { + font-size: 6rem; + line-height: 1; + } + + .sm\:text-9xl { + font-size: 8rem; + line-height: 1; + } + + .sm\:leading-3 { + line-height: .75rem; + } + + .sm\:leading-4 { + line-height: 1rem; + } + + .sm\:leading-5 { + line-height: 1.25rem; + } + + .sm\:leading-6 { + line-height: 1.5rem; + } + + .sm\:leading-7 { + line-height: 1.75rem; + } + + .sm\:leading-8 { + line-height: 2rem; + } + + .sm\:leading-9 { + line-height: 2.25rem; + } + + .sm\:leading-10 { + line-height: 2.5rem; + } + + .sm\:leading-none { + line-height: 1; + } + + .sm\:leading-tight { + line-height: 1.25; + } + + .sm\:leading-snug { + line-height: 1.375; + } + + .sm\:leading-normal { + line-height: 1.5; + } + + .sm\:leading-relaxed { + line-height: 1.625; + } + + .sm\:leading-loose { + line-height: 2; + } + + .sm\:list-inside { + list-style-position: inside; + } + + .sm\:list-outside { + list-style-position: outside; + } + + .sm\:list-none { + list-style-type: none; + } + + .sm\:list-disc { + list-style-type: disc; + } + + .sm\:list-decimal { + list-style-type: decimal; + } + + .sm\:m-0 { + margin: 0; + } + + .sm\:m-1 { + margin: 0.25rem; + } + + .sm\:m-2 { + margin: 0.5rem; + } + + .sm\:m-3 { + margin: 0.75rem; + } + + .sm\:m-4 { + margin: 1rem; + } + + .sm\:m-5 { + margin: 1.25rem; + } + + .sm\:m-6 { + margin: 1.5rem; + } + + .sm\:m-7 { + margin: 1.75rem; + } + + .sm\:m-8 { + margin: 2rem; + } + + .sm\:m-9 { + margin: 2.25rem; + } + + .sm\:m-10 { + margin: 2.5rem; + } + + .sm\:m-11 { + margin: 2.75rem; + } + + .sm\:m-12 { + margin: 3rem; + } + + .sm\:m-13 { + margin: 3.25rem; + } + + .sm\:m-14 { + margin: 3.5rem; + } + + .sm\:m-15 { + margin: 3.75rem; + } + + .sm\:m-16 { + margin: 4rem; + } + + .sm\:m-20 { + margin: 5rem; + } + + .sm\:m-24 { + margin: 6rem; + } + + .sm\:m-28 { + margin: 7rem; + } + + .sm\:m-32 { + margin: 8rem; + } + + .sm\:m-36 { + margin: 9rem; + } + + .sm\:m-40 { + margin: 10rem; + } + + .sm\:m-44 { + margin: 11rem; + } + + .sm\:m-48 { + margin: 12rem; + } + + .sm\:m-52 { + margin: 13rem; + } + + .sm\:m-56 { + margin: 14rem; + } + + .sm\:m-60 { + margin: 15rem; + } + + .sm\:m-64 { + margin: 16rem; + } + + .sm\:m-72 { + margin: 18rem; + } + + .sm\:m-80 { + margin: 20rem; + } + + .sm\:m-96 { + margin: 24rem; + } + + .sm\:m-auto { + margin: auto; + } + + .sm\:m-px { + margin: 1px; + } + + .sm\:m-0\.5 { + margin: 0.125rem; + } + + .sm\:m-1\.5 { + margin: 0.375rem; + } + + .sm\:m-2\.5 { + margin: 0.625rem; + } + + .sm\:m-3\.5 { + margin: 0.875rem; + } + + .sm\:m-1\/2 { + margin: 50%; + } + + .sm\:m-1\/3 { + margin: 33.333333%; + } + + .sm\:m-2\/3 { + margin: 66.666667%; + } + + .sm\:m-1\/4 { + margin: 25%; + } + + .sm\:m-2\/4 { + margin: 50%; + } + + .sm\:m-3\/4 { + margin: 75%; + } + + .sm\:m-1\/5 { + margin: 20%; + } + + .sm\:m-2\/5 { + margin: 40%; + } + + .sm\:m-3\/5 { + margin: 60%; + } + + .sm\:m-4\/5 { + margin: 80%; + } + + .sm\:m-1\/6 { + margin: 16.666667%; + } + + .sm\:m-2\/6 { + margin: 33.333333%; + } + + .sm\:m-3\/6 { + margin: 50%; + } + + .sm\:m-4\/6 { + margin: 66.666667%; + } + + .sm\:m-5\/6 { + margin: 83.333333%; + } + + .sm\:m-1\/12 { + margin: 8.333333%; + } + + .sm\:m-2\/12 { + margin: 16.666667%; + } + + .sm\:m-3\/12 { + margin: 25%; + } + + .sm\:m-4\/12 { + margin: 33.333333%; + } + + .sm\:m-5\/12 { + margin: 41.666667%; + } + + .sm\:m-6\/12 { + margin: 50%; + } + + .sm\:m-7\/12 { + margin: 58.333333%; + } + + .sm\:m-8\/12 { + margin: 66.666667%; + } + + .sm\:m-9\/12 { + margin: 75%; + } + + .sm\:m-10\/12 { + margin: 83.333333%; + } + + .sm\:m-11\/12 { + margin: 91.666667%; + } + + .sm\:m-full { + margin: 100%; + } + + .sm\:-m-1 { + margin: -0.25rem; + } + + .sm\:-m-2 { + margin: -0.5rem; + } + + .sm\:-m-3 { + margin: -0.75rem; + } + + .sm\:-m-4 { + margin: -1rem; + } + + .sm\:-m-5 { + margin: -1.25rem; + } + + .sm\:-m-6 { + margin: -1.5rem; + } + + .sm\:-m-7 { + margin: -1.75rem; + } + + .sm\:-m-8 { + margin: -2rem; + } + + .sm\:-m-9 { + margin: -2.25rem; + } + + .sm\:-m-10 { + margin: -2.5rem; + } + + .sm\:-m-11 { + margin: -2.75rem; + } + + .sm\:-m-12 { + margin: -3rem; + } + + .sm\:-m-13 { + margin: -3.25rem; + } + + .sm\:-m-14 { + margin: -3.5rem; + } + + .sm\:-m-15 { + margin: -3.75rem; + } + + .sm\:-m-16 { + margin: -4rem; + } + + .sm\:-m-20 { + margin: -5rem; + } + + .sm\:-m-24 { + margin: -6rem; + } + + .sm\:-m-28 { + margin: -7rem; + } + + .sm\:-m-32 { + margin: -8rem; + } + + .sm\:-m-36 { + margin: -9rem; + } + + .sm\:-m-40 { + margin: -10rem; + } + + .sm\:-m-44 { + margin: -11rem; + } + + .sm\:-m-48 { + margin: -12rem; + } + + .sm\:-m-52 { + margin: -13rem; + } + + .sm\:-m-56 { + margin: -14rem; + } + + .sm\:-m-60 { + margin: -15rem; + } + + .sm\:-m-64 { + margin: -16rem; + } + + .sm\:-m-72 { + margin: -18rem; + } + + .sm\:-m-80 { + margin: -20rem; + } + + .sm\:-m-96 { + margin: -24rem; + } + + .sm\:-m-px { + margin: -1px; + } + + .sm\:-m-0\.5 { + margin: -0.125rem; + } + + .sm\:-m-1\.5 { + margin: -0.375rem; + } + + .sm\:-m-2\.5 { + margin: -0.625rem; + } + + .sm\:-m-3\.5 { + margin: -0.875rem; + } + + .sm\:-m-1\/2 { + margin: -50%; + } + + .sm\:-m-1\/3 { + margin: -33.33333%; + } + + .sm\:-m-2\/3 { + margin: -66.66667%; + } + + .sm\:-m-1\/4 { + margin: -25%; + } + + .sm\:-m-2\/4 { + margin: -50%; + } + + .sm\:-m-3\/4 { + margin: -75%; + } + + .sm\:-m-1\/5 { + margin: -20%; + } + + .sm\:-m-2\/5 { + margin: -40%; + } + + .sm\:-m-3\/5 { + margin: -60%; + } + + .sm\:-m-4\/5 { + margin: -80%; + } + + .sm\:-m-1\/6 { + margin: -16.66667%; + } + + .sm\:-m-2\/6 { + margin: -33.33333%; + } + + .sm\:-m-3\/6 { + margin: -50%; + } + + .sm\:-m-4\/6 { + margin: -66.66667%; + } + + .sm\:-m-5\/6 { + margin: -83.33333%; + } + + .sm\:-m-1\/12 { + margin: -8.33333%; + } + + .sm\:-m-2\/12 { + margin: -16.66667%; + } + + .sm\:-m-3\/12 { + margin: -25%; + } + + .sm\:-m-4\/12 { + margin: -33.33333%; + } + + .sm\:-m-5\/12 { + margin: -41.66667%; + } + + .sm\:-m-6\/12 { + margin: -50%; + } + + .sm\:-m-7\/12 { + margin: -58.33333%; + } + + .sm\:-m-8\/12 { + margin: -66.66667%; + } + + .sm\:-m-9\/12 { + margin: -75%; + } + + .sm\:-m-10\/12 { + margin: -83.33333%; + } + + .sm\:-m-11\/12 { + margin: -91.66667%; + } + + .sm\:-m-full { + margin: -100%; + } + + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } + + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } + + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } + + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } + + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .sm\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; + } + + .sm\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; + } + + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .sm\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } + + .sm\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .sm\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; + } + + .sm\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; + } + + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .sm\:my-13 { + margin-top: 3.25rem; + margin-bottom: 3.25rem; + } + + .sm\:mx-13 { + margin-left: 3.25rem; + margin-right: 3.25rem; + } + + .sm\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; + } + + .sm\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; + } + + .sm\:my-15 { + margin-top: 3.75rem; + margin-bottom: 3.75rem; + } + + .sm\:mx-15 { + margin-left: 3.75rem; + margin-right: 3.75rem; + } + + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .sm\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; + } + + .sm\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; + } + + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .sm\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; + } + + .sm\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; + } + + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; + } + + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; + } + + .sm\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; + } + + .sm\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; + } + + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; + } + + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; + } + + .sm\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; + } + + .sm\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; + } + + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; + } + + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; + } + + .sm\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; + } + + .sm\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; + } + + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; + } + + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; + } + + .sm\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; + } + + .sm\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; + } + + .sm\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; + } + + .sm\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; + } + + .sm\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; + } + + .sm\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; + } + + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .sm\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; + } + + .sm\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; + } + + .sm\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + + .sm\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; + } + + .sm\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; + } + + .sm\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; + } + + .sm\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; + } + + .sm\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; + } + + .sm\:my-1\/2 { + margin-top: 50%; + margin-bottom: 50%; + } + + .sm\:mx-1\/2 { + margin-left: 50%; + margin-right: 50%; + } + + .sm\:my-1\/3 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; + } + + .sm\:mx-1\/3 { + margin-left: 33.333333%; + margin-right: 33.333333%; + } + + .sm\:my-2\/3 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; + } + + .sm\:mx-2\/3 { + margin-left: 66.666667%; + margin-right: 66.666667%; + } + + .sm\:my-1\/4 { + margin-top: 25%; + margin-bottom: 25%; + } + + .sm\:mx-1\/4 { + margin-left: 25%; + margin-right: 25%; + } + + .sm\:my-2\/4 { + margin-top: 50%; + margin-bottom: 50%; + } + + .sm\:mx-2\/4 { + margin-left: 50%; + margin-right: 50%; + } + + .sm\:my-3\/4 { + margin-top: 75%; + margin-bottom: 75%; + } + + .sm\:mx-3\/4 { + margin-left: 75%; + margin-right: 75%; + } + + .sm\:my-1\/5 { + margin-top: 20%; + margin-bottom: 20%; + } + + .sm\:mx-1\/5 { + margin-left: 20%; + margin-right: 20%; + } + + .sm\:my-2\/5 { + margin-top: 40%; + margin-bottom: 40%; + } + + .sm\:mx-2\/5 { + margin-left: 40%; + margin-right: 40%; + } + + .sm\:my-3\/5 { + margin-top: 60%; + margin-bottom: 60%; + } + + .sm\:mx-3\/5 { + margin-left: 60%; + margin-right: 60%; + } + + .sm\:my-4\/5 { + margin-top: 80%; + margin-bottom: 80%; + } + + .sm\:mx-4\/5 { + margin-left: 80%; + margin-right: 80%; + } + + .sm\:my-1\/6 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; + } + + .sm\:mx-1\/6 { + margin-left: 16.666667%; + margin-right: 16.666667%; + } + + .sm\:my-2\/6 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; + } + + .sm\:mx-2\/6 { + margin-left: 33.333333%; + margin-right: 33.333333%; + } + + .sm\:my-3\/6 { + margin-top: 50%; + margin-bottom: 50%; + } + + .sm\:mx-3\/6 { + margin-left: 50%; + margin-right: 50%; + } + + .sm\:my-4\/6 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; + } + + .sm\:mx-4\/6 { + margin-left: 66.666667%; + margin-right: 66.666667%; + } + + .sm\:my-5\/6 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; + } + + .sm\:mx-5\/6 { + margin-left: 83.333333%; + margin-right: 83.333333%; + } + + .sm\:my-1\/12 { + margin-top: 8.333333%; + margin-bottom: 8.333333%; + } + + .sm\:mx-1\/12 { + margin-left: 8.333333%; + margin-right: 8.333333%; + } + + .sm\:my-2\/12 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; + } + + .sm\:mx-2\/12 { + margin-left: 16.666667%; + margin-right: 16.666667%; + } + + .sm\:my-3\/12 { + margin-top: 25%; + margin-bottom: 25%; + } + + .sm\:mx-3\/12 { + margin-left: 25%; + margin-right: 25%; + } + + .sm\:my-4\/12 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; + } + + .sm\:mx-4\/12 { + margin-left: 33.333333%; + margin-right: 33.333333%; + } + + .sm\:my-5\/12 { + margin-top: 41.666667%; + margin-bottom: 41.666667%; + } + + .sm\:mx-5\/12 { + margin-left: 41.666667%; + margin-right: 41.666667%; + } + + .sm\:my-6\/12 { + margin-top: 50%; + margin-bottom: 50%; + } + + .sm\:mx-6\/12 { + margin-left: 50%; + margin-right: 50%; + } + + .sm\:my-7\/12 { + margin-top: 58.333333%; + margin-bottom: 58.333333%; + } + + .sm\:mx-7\/12 { + margin-left: 58.333333%; + margin-right: 58.333333%; + } + + .sm\:my-8\/12 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; + } + + .sm\:mx-8\/12 { + margin-left: 66.666667%; + margin-right: 66.666667%; + } + + .sm\:my-9\/12 { + margin-top: 75%; + margin-bottom: 75%; + } + + .sm\:mx-9\/12 { + margin-left: 75%; + margin-right: 75%; + } + + .sm\:my-10\/12 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; + } + + .sm\:mx-10\/12 { + margin-left: 83.333333%; + margin-right: 83.333333%; + } + + .sm\:my-11\/12 { + margin-top: 91.666667%; + margin-bottom: 91.666667%; + } + + .sm\:mx-11\/12 { + margin-left: 91.666667%; + margin-right: 91.666667%; + } + + .sm\:my-full { + margin-top: 100%; + margin-bottom: 100%; + } + + .sm\:mx-full { + margin-left: 100%; + margin-right: 100%; + } + + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .sm\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; + } + + .sm\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; + } + + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .sm\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; + } + + .sm\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; + } + + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .sm\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; + } + + .sm\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; + } + + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .sm\:-my-13 { + margin-top: -3.25rem; + margin-bottom: -3.25rem; + } + + .sm\:-mx-13 { + margin-left: -3.25rem; + margin-right: -3.25rem; + } + + .sm\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; + } + + .sm\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; + } + + .sm\:-my-15 { + margin-top: -3.75rem; + margin-bottom: -3.75rem; + } + + .sm\:-mx-15 { + margin-left: -3.75rem; + margin-right: -3.75rem; + } + + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .sm\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; + } + + .sm\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; + } + + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; + } + + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; + } + + .sm\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; + } + + .sm\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; + } + + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; + } + + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; + } + + .sm\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; + } + + .sm\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; + } + + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; + } + + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; + } + + .sm\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; + } + + .sm\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; + } + + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; + } + + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; + } + + .sm\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; + } + + .sm\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; + } + + .sm\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; + } + + .sm\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; + } + + .sm\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; + } + + .sm\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; + } + + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .sm\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; + } + + .sm\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; + } + + .sm\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; + } + + .sm\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; + } + + .sm\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; + } + + .sm\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; + } + + .sm\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; + } + + .sm\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; + } + + .sm\:-my-1\/2 { + margin-top: -50%; + margin-bottom: -50%; + } + + .sm\:-mx-1\/2 { + margin-left: -50%; + margin-right: -50%; + } + + .sm\:-my-1\/3 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; + } + + .sm\:-mx-1\/3 { + margin-left: -33.33333%; + margin-right: -33.33333%; + } + + .sm\:-my-2\/3 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; + } + + .sm\:-mx-2\/3 { + margin-left: -66.66667%; + margin-right: -66.66667%; + } + + .sm\:-my-1\/4 { + margin-top: -25%; + margin-bottom: -25%; + } + + .sm\:-mx-1\/4 { + margin-left: -25%; + margin-right: -25%; + } + + .sm\:-my-2\/4 { + margin-top: -50%; + margin-bottom: -50%; + } + + .sm\:-mx-2\/4 { + margin-left: -50%; + margin-right: -50%; + } + + .sm\:-my-3\/4 { + margin-top: -75%; + margin-bottom: -75%; + } + + .sm\:-mx-3\/4 { + margin-left: -75%; + margin-right: -75%; + } + + .sm\:-my-1\/5 { + margin-top: -20%; + margin-bottom: -20%; + } + + .sm\:-mx-1\/5 { + margin-left: -20%; + margin-right: -20%; + } + + .sm\:-my-2\/5 { + margin-top: -40%; + margin-bottom: -40%; + } + + .sm\:-mx-2\/5 { + margin-left: -40%; + margin-right: -40%; + } + + .sm\:-my-3\/5 { + margin-top: -60%; + margin-bottom: -60%; + } + + .sm\:-mx-3\/5 { + margin-left: -60%; + margin-right: -60%; + } + + .sm\:-my-4\/5 { + margin-top: -80%; + margin-bottom: -80%; + } + + .sm\:-mx-4\/5 { + margin-left: -80%; + margin-right: -80%; + } + + .sm\:-my-1\/6 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; + } + + .sm\:-mx-1\/6 { + margin-left: -16.66667%; + margin-right: -16.66667%; + } + + .sm\:-my-2\/6 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; + } + + .sm\:-mx-2\/6 { + margin-left: -33.33333%; + margin-right: -33.33333%; + } + + .sm\:-my-3\/6 { + margin-top: -50%; + margin-bottom: -50%; + } + + .sm\:-mx-3\/6 { + margin-left: -50%; + margin-right: -50%; + } + + .sm\:-my-4\/6 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; + } + + .sm\:-mx-4\/6 { + margin-left: -66.66667%; + margin-right: -66.66667%; + } + + .sm\:-my-5\/6 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; + } + + .sm\:-mx-5\/6 { + margin-left: -83.33333%; + margin-right: -83.33333%; + } + + .sm\:-my-1\/12 { + margin-top: -8.33333%; + margin-bottom: -8.33333%; + } + + .sm\:-mx-1\/12 { + margin-left: -8.33333%; + margin-right: -8.33333%; + } + + .sm\:-my-2\/12 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; + } + + .sm\:-mx-2\/12 { + margin-left: -16.66667%; + margin-right: -16.66667%; + } + + .sm\:-my-3\/12 { + margin-top: -25%; + margin-bottom: -25%; + } + + .sm\:-mx-3\/12 { + margin-left: -25%; + margin-right: -25%; + } + + .sm\:-my-4\/12 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; + } + + .sm\:-mx-4\/12 { + margin-left: -33.33333%; + margin-right: -33.33333%; + } + + .sm\:-my-5\/12 { + margin-top: -41.66667%; + margin-bottom: -41.66667%; + } + + .sm\:-mx-5\/12 { + margin-left: -41.66667%; + margin-right: -41.66667%; + } + + .sm\:-my-6\/12 { + margin-top: -50%; + margin-bottom: -50%; + } + + .sm\:-mx-6\/12 { + margin-left: -50%; + margin-right: -50%; + } + + .sm\:-my-7\/12 { + margin-top: -58.33333%; + margin-bottom: -58.33333%; + } + + .sm\:-mx-7\/12 { + margin-left: -58.33333%; + margin-right: -58.33333%; + } + + .sm\:-my-8\/12 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; + } + + .sm\:-mx-8\/12 { + margin-left: -66.66667%; + margin-right: -66.66667%; + } + + .sm\:-my-9\/12 { + margin-top: -75%; + margin-bottom: -75%; + } + + .sm\:-mx-9\/12 { + margin-left: -75%; + margin-right: -75%; + } + + .sm\:-my-10\/12 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; + } + + .sm\:-mx-10\/12 { + margin-left: -83.33333%; + margin-right: -83.33333%; + } + + .sm\:-my-11\/12 { + margin-top: -91.66667%; + margin-bottom: -91.66667%; + } + + .sm\:-mx-11\/12 { + margin-left: -91.66667%; + margin-right: -91.66667%; + } + + .sm\:-my-full { + margin-top: -100%; + margin-bottom: -100%; + } + + .sm\:-mx-full { + margin-left: -100%; + margin-right: -100%; + } + + .sm\:mt-0 { + margin-top: 0; + } + + .sm\:mr-0 { + margin-right: 0; + } + + .sm\:mb-0 { + margin-bottom: 0; + } + + .sm\:ml-0 { + margin-left: 0; + } + + .sm\:mt-1 { + margin-top: 0.25rem; + } + + .sm\:mr-1 { + margin-right: 0.25rem; + } + + .sm\:mb-1 { + margin-bottom: 0.25rem; + } + + .sm\:ml-1 { + margin-left: 0.25rem; + } + + .sm\:mt-2 { + margin-top: 0.5rem; + } + + .sm\:mr-2 { + margin-right: 0.5rem; + } + + .sm\:mb-2 { + margin-bottom: 0.5rem; + } + + .sm\:ml-2 { + margin-left: 0.5rem; + } + + .sm\:mt-3 { + margin-top: 0.75rem; + } + + .sm\:mr-3 { + margin-right: 0.75rem; + } + + .sm\:mb-3 { + margin-bottom: 0.75rem; + } + + .sm\:ml-3 { + margin-left: 0.75rem; + } + + .sm\:mt-4 { + margin-top: 1rem; + } + + .sm\:mr-4 { + margin-right: 1rem; + } + + .sm\:mb-4 { + margin-bottom: 1rem; + } + + .sm\:ml-4 { + margin-left: 1rem; + } + + .sm\:mt-5 { + margin-top: 1.25rem; + } + + .sm\:mr-5 { + margin-right: 1.25rem; + } + + .sm\:mb-5 { + margin-bottom: 1.25rem; + } + + .sm\:ml-5 { + margin-left: 1.25rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; + } + + .sm\:mr-6 { + margin-right: 1.5rem; + } + + .sm\:mb-6 { + margin-bottom: 1.5rem; + } + + .sm\:ml-6 { + margin-left: 1.5rem; + } + + .sm\:mt-7 { + margin-top: 1.75rem; + } + + .sm\:mr-7 { + margin-right: 1.75rem; + } + + .sm\:mb-7 { + margin-bottom: 1.75rem; + } + + .sm\:ml-7 { + margin-left: 1.75rem; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:mr-8 { + margin-right: 2rem; + } + + .sm\:mb-8 { + margin-bottom: 2rem; + } + + .sm\:ml-8 { + margin-left: 2rem; + } + + .sm\:mt-9 { + margin-top: 2.25rem; + } + + .sm\:mr-9 { + margin-right: 2.25rem; + } + + .sm\:mb-9 { + margin-bottom: 2.25rem; + } + + .sm\:ml-9 { + margin-left: 2.25rem; + } + + .sm\:mt-10 { + margin-top: 2.5rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + + .sm\:mb-10 { + margin-bottom: 2.5rem; + } + + .sm\:ml-10 { + margin-left: 2.5rem; + } + + .sm\:mt-11 { + margin-top: 2.75rem; + } + + .sm\:mr-11 { + margin-right: 2.75rem; + } + + .sm\:mb-11 { + margin-bottom: 2.75rem; + } + + .sm\:ml-11 { + margin-left: 2.75rem; + } + + .sm\:mt-12 { + margin-top: 3rem; + } + + .sm\:mr-12 { + margin-right: 3rem; + } + + .sm\:mb-12 { + margin-bottom: 3rem; + } + + .sm\:ml-12 { + margin-left: 3rem; + } + + .sm\:mt-13 { + margin-top: 3.25rem; + } + + .sm\:mr-13 { + margin-right: 3.25rem; + } + + .sm\:mb-13 { + margin-bottom: 3.25rem; + } + + .sm\:ml-13 { + margin-left: 3.25rem; + } + + .sm\:mt-14 { + margin-top: 3.5rem; + } + + .sm\:mr-14 { + margin-right: 3.5rem; + } + + .sm\:mb-14 { + margin-bottom: 3.5rem; + } + + .sm\:ml-14 { + margin-left: 3.5rem; + } + + .sm\:mt-15 { + margin-top: 3.75rem; + } + + .sm\:mr-15 { + margin-right: 3.75rem; + } + + .sm\:mb-15 { + margin-bottom: 3.75rem; + } + + .sm\:ml-15 { + margin-left: 3.75rem; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:mr-16 { + margin-right: 4rem; + } + + .sm\:mb-16 { + margin-bottom: 4rem; + } + + .sm\:ml-16 { + margin-left: 4rem; + } + + .sm\:mt-20 { + margin-top: 5rem; + } + + .sm\:mr-20 { + margin-right: 5rem; + } + + .sm\:mb-20 { + margin-bottom: 5rem; + } + + .sm\:ml-20 { + margin-left: 5rem; + } + + .sm\:mt-24 { + margin-top: 6rem; + } + + .sm\:mr-24 { + margin-right: 6rem; + } + + .sm\:mb-24 { + margin-bottom: 6rem; + } + + .sm\:ml-24 { + margin-left: 6rem; + } + + .sm\:mt-28 { + margin-top: 7rem; + } + + .sm\:mr-28 { + margin-right: 7rem; + } + + .sm\:mb-28 { + margin-bottom: 7rem; + } + + .sm\:ml-28 { + margin-left: 7rem; + } + + .sm\:mt-32 { + margin-top: 8rem; + } + + .sm\:mr-32 { + margin-right: 8rem; + } + + .sm\:mb-32 { + margin-bottom: 8rem; + } + + .sm\:ml-32 { + margin-left: 8rem; + } + + .sm\:mt-36 { + margin-top: 9rem; + } + + .sm\:mr-36 { + margin-right: 9rem; + } + + .sm\:mb-36 { + margin-bottom: 9rem; + } + + .sm\:ml-36 { + margin-left: 9rem; + } + + .sm\:mt-40 { + margin-top: 10rem; + } + + .sm\:mr-40 { + margin-right: 10rem; + } + + .sm\:mb-40 { + margin-bottom: 10rem; + } + + .sm\:ml-40 { + margin-left: 10rem; + } + + .sm\:mt-44 { + margin-top: 11rem; + } + + .sm\:mr-44 { + margin-right: 11rem; + } + + .sm\:mb-44 { + margin-bottom: 11rem; + } + + .sm\:ml-44 { + margin-left: 11rem; + } + + .sm\:mt-48 { + margin-top: 12rem; + } + + .sm\:mr-48 { + margin-right: 12rem; + } + + .sm\:mb-48 { + margin-bottom: 12rem; + } + + .sm\:ml-48 { + margin-left: 12rem; + } + + .sm\:mt-52 { + margin-top: 13rem; + } + + .sm\:mr-52 { + margin-right: 13rem; + } + + .sm\:mb-52 { + margin-bottom: 13rem; + } + + .sm\:ml-52 { + margin-left: 13rem; + } + + .sm\:mt-56 { + margin-top: 14rem; + } + + .sm\:mr-56 { + margin-right: 14rem; + } + + .sm\:mb-56 { + margin-bottom: 14rem; + } + + .sm\:ml-56 { + margin-left: 14rem; + } + + .sm\:mt-60 { + margin-top: 15rem; + } + + .sm\:mr-60 { + margin-right: 15rem; + } + + .sm\:mb-60 { + margin-bottom: 15rem; + } + + .sm\:ml-60 { + margin-left: 15rem; + } + + .sm\:mt-64 { + margin-top: 16rem; + } + + .sm\:mr-64 { + margin-right: 16rem; + } + + .sm\:mb-64 { + margin-bottom: 16rem; + } + + .sm\:ml-64 { + margin-left: 16rem; + } + + .sm\:mt-72 { + margin-top: 18rem; + } + + .sm\:mr-72 { + margin-right: 18rem; + } + + .sm\:mb-72 { + margin-bottom: 18rem; + } + + .sm\:ml-72 { + margin-left: 18rem; + } + + .sm\:mt-80 { + margin-top: 20rem; + } + + .sm\:mr-80 { + margin-right: 20rem; + } + + .sm\:mb-80 { + margin-bottom: 20rem; + } + + .sm\:ml-80 { + margin-left: 20rem; + } + + .sm\:mt-96 { + margin-top: 24rem; + } + + .sm\:mr-96 { + margin-right: 24rem; + } + + .sm\:mb-96 { + margin-bottom: 24rem; + } + + .sm\:ml-96 { + margin-left: 24rem; + } + + .sm\:mt-auto { + margin-top: auto; + } + + .sm\:mr-auto { + margin-right: auto; + } + + .sm\:mb-auto { + margin-bottom: auto; + } + + .sm\:ml-auto { + margin-left: auto; + } + + .sm\:mt-px { + margin-top: 1px; + } + + .sm\:mr-px { + margin-right: 1px; + } + + .sm\:mb-px { + margin-bottom: 1px; + } + + .sm\:ml-px { + margin-left: 1px; + } + + .sm\:mt-0\.5 { + margin-top: 0.125rem; + } + + .sm\:mr-0\.5 { + margin-right: 0.125rem; + } + + .sm\:mb-0\.5 { + margin-bottom: 0.125rem; + } + + .sm\:ml-0\.5 { + margin-left: 0.125rem; + } + + .sm\:mt-1\.5 { + margin-top: 0.375rem; + } + + .sm\:mr-1\.5 { + margin-right: 0.375rem; + } + + .sm\:mb-1\.5 { + margin-bottom: 0.375rem; + } + + .sm\:ml-1\.5 { + margin-left: 0.375rem; + } + + .sm\:mt-2\.5 { + margin-top: 0.625rem; + } + + .sm\:mr-2\.5 { + margin-right: 0.625rem; + } + + .sm\:mb-2\.5 { + margin-bottom: 0.625rem; + } + + .sm\:ml-2\.5 { + margin-left: 0.625rem; + } + + .sm\:mt-3\.5 { + margin-top: 0.875rem; + } + + .sm\:mr-3\.5 { + margin-right: 0.875rem; + } + + .sm\:mb-3\.5 { + margin-bottom: 0.875rem; + } + + .sm\:ml-3\.5 { + margin-left: 0.875rem; + } + + .sm\:mt-1\/2 { + margin-top: 50%; + } + + .sm\:mr-1\/2 { + margin-right: 50%; + } + + .sm\:mb-1\/2 { + margin-bottom: 50%; + } + + .sm\:ml-1\/2 { + margin-left: 50%; + } + + .sm\:mt-1\/3 { + margin-top: 33.333333%; + } + + .sm\:mr-1\/3 { + margin-right: 33.333333%; + } + + .sm\:mb-1\/3 { + margin-bottom: 33.333333%; + } + + .sm\:ml-1\/3 { + margin-left: 33.333333%; + } + + .sm\:mt-2\/3 { + margin-top: 66.666667%; + } + + .sm\:mr-2\/3 { + margin-right: 66.666667%; + } + + .sm\:mb-2\/3 { + margin-bottom: 66.666667%; + } + + .sm\:ml-2\/3 { + margin-left: 66.666667%; + } + + .sm\:mt-1\/4 { + margin-top: 25%; + } + + .sm\:mr-1\/4 { + margin-right: 25%; + } + + .sm\:mb-1\/4 { + margin-bottom: 25%; + } + + .sm\:ml-1\/4 { + margin-left: 25%; + } + + .sm\:mt-2\/4 { + margin-top: 50%; + } + + .sm\:mr-2\/4 { + margin-right: 50%; + } + + .sm\:mb-2\/4 { + margin-bottom: 50%; + } + + .sm\:ml-2\/4 { + margin-left: 50%; + } + + .sm\:mt-3\/4 { + margin-top: 75%; + } + + .sm\:mr-3\/4 { + margin-right: 75%; + } + + .sm\:mb-3\/4 { + margin-bottom: 75%; + } + + .sm\:ml-3\/4 { + margin-left: 75%; + } + + .sm\:mt-1\/5 { + margin-top: 20%; + } + + .sm\:mr-1\/5 { + margin-right: 20%; + } + + .sm\:mb-1\/5 { + margin-bottom: 20%; + } + + .sm\:ml-1\/5 { + margin-left: 20%; + } + + .sm\:mt-2\/5 { + margin-top: 40%; + } + + .sm\:mr-2\/5 { + margin-right: 40%; + } + + .sm\:mb-2\/5 { + margin-bottom: 40%; + } + + .sm\:ml-2\/5 { + margin-left: 40%; + } + + .sm\:mt-3\/5 { + margin-top: 60%; + } + + .sm\:mr-3\/5 { + margin-right: 60%; + } + + .sm\:mb-3\/5 { + margin-bottom: 60%; + } + + .sm\:ml-3\/5 { + margin-left: 60%; + } + + .sm\:mt-4\/5 { + margin-top: 80%; + } + + .sm\:mr-4\/5 { + margin-right: 80%; + } + + .sm\:mb-4\/5 { + margin-bottom: 80%; + } + + .sm\:ml-4\/5 { + margin-left: 80%; + } + + .sm\:mt-1\/6 { + margin-top: 16.666667%; + } + + .sm\:mr-1\/6 { + margin-right: 16.666667%; + } + + .sm\:mb-1\/6 { + margin-bottom: 16.666667%; + } + + .sm\:ml-1\/6 { + margin-left: 16.666667%; + } + + .sm\:mt-2\/6 { + margin-top: 33.333333%; + } + + .sm\:mr-2\/6 { + margin-right: 33.333333%; + } + + .sm\:mb-2\/6 { + margin-bottom: 33.333333%; + } + + .sm\:ml-2\/6 { + margin-left: 33.333333%; + } + + .sm\:mt-3\/6 { + margin-top: 50%; + } + + .sm\:mr-3\/6 { + margin-right: 50%; + } + + .sm\:mb-3\/6 { + margin-bottom: 50%; + } + + .sm\:ml-3\/6 { + margin-left: 50%; + } + + .sm\:mt-4\/6 { + margin-top: 66.666667%; + } + + .sm\:mr-4\/6 { + margin-right: 66.666667%; + } + + .sm\:mb-4\/6 { + margin-bottom: 66.666667%; + } + + .sm\:ml-4\/6 { + margin-left: 66.666667%; + } + + .sm\:mt-5\/6 { + margin-top: 83.333333%; + } + + .sm\:mr-5\/6 { + margin-right: 83.333333%; + } + + .sm\:mb-5\/6 { + margin-bottom: 83.333333%; + } + + .sm\:ml-5\/6 { + margin-left: 83.333333%; + } + + .sm\:mt-1\/12 { + margin-top: 8.333333%; + } + + .sm\:mr-1\/12 { + margin-right: 8.333333%; + } + + .sm\:mb-1\/12 { + margin-bottom: 8.333333%; + } + + .sm\:ml-1\/12 { + margin-left: 8.333333%; + } + + .sm\:mt-2\/12 { + margin-top: 16.666667%; + } + + .sm\:mr-2\/12 { + margin-right: 16.666667%; + } + + .sm\:mb-2\/12 { + margin-bottom: 16.666667%; + } + + .sm\:ml-2\/12 { + margin-left: 16.666667%; + } + + .sm\:mt-3\/12 { + margin-top: 25%; + } + + .sm\:mr-3\/12 { + margin-right: 25%; + } + + .sm\:mb-3\/12 { + margin-bottom: 25%; + } + + .sm\:ml-3\/12 { + margin-left: 25%; + } + + .sm\:mt-4\/12 { + margin-top: 33.333333%; + } + + .sm\:mr-4\/12 { + margin-right: 33.333333%; + } + + .sm\:mb-4\/12 { + margin-bottom: 33.333333%; + } + + .sm\:ml-4\/12 { + margin-left: 33.333333%; + } + + .sm\:mt-5\/12 { + margin-top: 41.666667%; + } + + .sm\:mr-5\/12 { + margin-right: 41.666667%; + } + + .sm\:mb-5\/12 { + margin-bottom: 41.666667%; + } + + .sm\:ml-5\/12 { + margin-left: 41.666667%; + } + + .sm\:mt-6\/12 { + margin-top: 50%; + } + + .sm\:mr-6\/12 { + margin-right: 50%; + } + + .sm\:mb-6\/12 { + margin-bottom: 50%; + } + + .sm\:ml-6\/12 { + margin-left: 50%; + } + + .sm\:mt-7\/12 { + margin-top: 58.333333%; + } + + .sm\:mr-7\/12 { + margin-right: 58.333333%; + } + + .sm\:mb-7\/12 { + margin-bottom: 58.333333%; + } + + .sm\:ml-7\/12 { + margin-left: 58.333333%; + } + + .sm\:mt-8\/12 { + margin-top: 66.666667%; + } + + .sm\:mr-8\/12 { + margin-right: 66.666667%; + } + + .sm\:mb-8\/12 { + margin-bottom: 66.666667%; + } + + .sm\:ml-8\/12 { + margin-left: 66.666667%; + } + + .sm\:mt-9\/12 { + margin-top: 75%; + } + + .sm\:mr-9\/12 { + margin-right: 75%; + } + + .sm\:mb-9\/12 { + margin-bottom: 75%; + } + + .sm\:ml-9\/12 { + margin-left: 75%; + } + + .sm\:mt-10\/12 { + margin-top: 83.333333%; + } + + .sm\:mr-10\/12 { + margin-right: 83.333333%; + } + + .sm\:mb-10\/12 { + margin-bottom: 83.333333%; + } + + .sm\:ml-10\/12 { + margin-left: 83.333333%; + } + + .sm\:mt-11\/12 { + margin-top: 91.666667%; + } + + .sm\:mr-11\/12 { + margin-right: 91.666667%; + } + + .sm\:mb-11\/12 { + margin-bottom: 91.666667%; + } + + .sm\:ml-11\/12 { + margin-left: 91.666667%; + } + + .sm\:mt-full { + margin-top: 100%; + } + + .sm\:mr-full { + margin-right: 100%; + } + + .sm\:mb-full { + margin-bottom: 100%; + } + + .sm\:ml-full { + margin-left: 100%; + } + + .sm\:-mt-1 { + margin-top: -0.25rem; + } + + .sm\:-mr-1 { + margin-right: -0.25rem; + } + + .sm\:-mb-1 { + margin-bottom: -0.25rem; + } + + .sm\:-ml-1 { + margin-left: -0.25rem; + } + + .sm\:-mt-2 { + margin-top: -0.5rem; + } + + .sm\:-mr-2 { + margin-right: -0.5rem; + } + + .sm\:-mb-2 { + margin-bottom: -0.5rem; + } + + .sm\:-ml-2 { + margin-left: -0.5rem; + } + + .sm\:-mt-3 { + margin-top: -0.75rem; + } + + .sm\:-mr-3 { + margin-right: -0.75rem; + } + + .sm\:-mb-3 { + margin-bottom: -0.75rem; + } + + .sm\:-ml-3 { + margin-left: -0.75rem; + } + + .sm\:-mt-4 { + margin-top: -1rem; + } + + .sm\:-mr-4 { + margin-right: -1rem; + } + + .sm\:-mb-4 { + margin-bottom: -1rem; + } + + .sm\:-ml-4 { + margin-left: -1rem; + } + + .sm\:-mt-5 { + margin-top: -1.25rem; + } + + .sm\:-mr-5 { + margin-right: -1.25rem; + } + + .sm\:-mb-5 { + margin-bottom: -1.25rem; + } + + .sm\:-ml-5 { + margin-left: -1.25rem; + } + + .sm\:-mt-6 { + margin-top: -1.5rem; + } + + .sm\:-mr-6 { + margin-right: -1.5rem; + } + + .sm\:-mb-6 { + margin-bottom: -1.5rem; + } + + .sm\:-ml-6 { + margin-left: -1.5rem; + } + + .sm\:-mt-7 { + margin-top: -1.75rem; + } + + .sm\:-mr-7 { + margin-right: -1.75rem; + } + + .sm\:-mb-7 { + margin-bottom: -1.75rem; + } + + .sm\:-ml-7 { + margin-left: -1.75rem; + } + + .sm\:-mt-8 { + margin-top: -2rem; + } + + .sm\:-mr-8 { + margin-right: -2rem; + } + + .sm\:-mb-8 { + margin-bottom: -2rem; + } + + .sm\:-ml-8 { + margin-left: -2rem; + } + + .sm\:-mt-9 { + margin-top: -2.25rem; + } + + .sm\:-mr-9 { + margin-right: -2.25rem; + } + + .sm\:-mb-9 { + margin-bottom: -2.25rem; + } + + .sm\:-ml-9 { + margin-left: -2.25rem; + } + + .sm\:-mt-10 { + margin-top: -2.5rem; + } + + .sm\:-mr-10 { + margin-right: -2.5rem; + } + + .sm\:-mb-10 { + margin-bottom: -2.5rem; + } + + .sm\:-ml-10 { + margin-left: -2.5rem; + } + + .sm\:-mt-11 { + margin-top: -2.75rem; + } + + .sm\:-mr-11 { + margin-right: -2.75rem; + } + + .sm\:-mb-11 { + margin-bottom: -2.75rem; + } + + .sm\:-ml-11 { + margin-left: -2.75rem; + } + + .sm\:-mt-12 { + margin-top: -3rem; + } + + .sm\:-mr-12 { + margin-right: -3rem; + } + + .sm\:-mb-12 { + margin-bottom: -3rem; + } + + .sm\:-ml-12 { + margin-left: -3rem; + } + + .sm\:-mt-13 { + margin-top: -3.25rem; + } + + .sm\:-mr-13 { + margin-right: -3.25rem; + } + + .sm\:-mb-13 { + margin-bottom: -3.25rem; + } + + .sm\:-ml-13 { + margin-left: -3.25rem; + } + + .sm\:-mt-14 { + margin-top: -3.5rem; + } + + .sm\:-mr-14 { + margin-right: -3.5rem; + } + + .sm\:-mb-14 { + margin-bottom: -3.5rem; + } + + .sm\:-ml-14 { + margin-left: -3.5rem; + } + + .sm\:-mt-15 { + margin-top: -3.75rem; + } + + .sm\:-mr-15 { + margin-right: -3.75rem; + } + + .sm\:-mb-15 { + margin-bottom: -3.75rem; + } + + .sm\:-ml-15 { + margin-left: -3.75rem; + } + + .sm\:-mt-16 { + margin-top: -4rem; + } + + .sm\:-mr-16 { + margin-right: -4rem; + } + + .sm\:-mb-16 { + margin-bottom: -4rem; + } + + .sm\:-ml-16 { + margin-left: -4rem; + } + + .sm\:-mt-20 { + margin-top: -5rem; + } + + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:-mb-20 { + margin-bottom: -5rem; + } + + .sm\:-ml-20 { + margin-left: -5rem; + } + + .sm\:-mt-24 { + margin-top: -6rem; + } + + .sm\:-mr-24 { + margin-right: -6rem; + } + + .sm\:-mb-24 { + margin-bottom: -6rem; + } + + .sm\:-ml-24 { + margin-left: -6rem; + } + + .sm\:-mt-28 { + margin-top: -7rem; + } + + .sm\:-mr-28 { + margin-right: -7rem; + } + + .sm\:-mb-28 { + margin-bottom: -7rem; + } + + .sm\:-ml-28 { + margin-left: -7rem; + } + + .sm\:-mt-32 { + margin-top: -8rem; + } + + .sm\:-mr-32 { + margin-right: -8rem; + } + + .sm\:-mb-32 { + margin-bottom: -8rem; + } + + .sm\:-ml-32 { + margin-left: -8rem; + } + + .sm\:-mt-36 { + margin-top: -9rem; + } + + .sm\:-mr-36 { + margin-right: -9rem; + } + + .sm\:-mb-36 { + margin-bottom: -9rem; + } + + .sm\:-ml-36 { + margin-left: -9rem; + } + + .sm\:-mt-40 { + margin-top: -10rem; + } + + .sm\:-mr-40 { + margin-right: -10rem; + } + + .sm\:-mb-40 { + margin-bottom: -10rem; + } + + .sm\:-ml-40 { + margin-left: -10rem; + } + + .sm\:-mt-44 { + margin-top: -11rem; + } + + .sm\:-mr-44 { + margin-right: -11rem; + } + + .sm\:-mb-44 { + margin-bottom: -11rem; + } + + .sm\:-ml-44 { + margin-left: -11rem; + } + + .sm\:-mt-48 { + margin-top: -12rem; + } + + .sm\:-mr-48 { + margin-right: -12rem; + } + + .sm\:-mb-48 { + margin-bottom: -12rem; + } + + .sm\:-ml-48 { + margin-left: -12rem; + } + + .sm\:-mt-52 { + margin-top: -13rem; + } + + .sm\:-mr-52 { + margin-right: -13rem; + } + + .sm\:-mb-52 { + margin-bottom: -13rem; + } + + .sm\:-ml-52 { + margin-left: -13rem; + } + + .sm\:-mt-56 { + margin-top: -14rem; + } + + .sm\:-mr-56 { + margin-right: -14rem; + } + + .sm\:-mb-56 { + margin-bottom: -14rem; + } + + .sm\:-ml-56 { + margin-left: -14rem; + } + + .sm\:-mt-60 { + margin-top: -15rem; + } + + .sm\:-mr-60 { + margin-right: -15rem; + } + + .sm\:-mb-60 { + margin-bottom: -15rem; + } + + .sm\:-ml-60 { + margin-left: -15rem; + } + + .sm\:-mt-64 { + margin-top: -16rem; + } + + .sm\:-mr-64 { + margin-right: -16rem; + } + + .sm\:-mb-64 { + margin-bottom: -16rem; + } + + .sm\:-ml-64 { + margin-left: -16rem; + } + + .sm\:-mt-72 { + margin-top: -18rem; + } + + .sm\:-mr-72 { + margin-right: -18rem; + } + + .sm\:-mb-72 { + margin-bottom: -18rem; + } + + .sm\:-ml-72 { + margin-left: -18rem; + } + + .sm\:-mt-80 { + margin-top: -20rem; + } + + .sm\:-mr-80 { + margin-right: -20rem; + } + + .sm\:-mb-80 { + margin-bottom: -20rem; + } + + .sm\:-ml-80 { + margin-left: -20rem; + } + + .sm\:-mt-96 { + margin-top: -24rem; + } + + .sm\:-mr-96 { + margin-right: -24rem; + } + + .sm\:-mb-96 { + margin-bottom: -24rem; + } + + .sm\:-ml-96 { + margin-left: -24rem; + } + + .sm\:-mt-px { + margin-top: -1px; + } + + .sm\:-mr-px { + margin-right: -1px; + } + + .sm\:-mb-px { + margin-bottom: -1px; + } + + .sm\:-ml-px { + margin-left: -1px; + } + + .sm\:-mt-0\.5 { + margin-top: -0.125rem; + } + + .sm\:-mr-0\.5 { + margin-right: -0.125rem; + } + + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem; + } + + .sm\:-ml-0\.5 { + margin-left: -0.125rem; + } + + .sm\:-mt-1\.5 { + margin-top: -0.375rem; + } + + .sm\:-mr-1\.5 { + margin-right: -0.375rem; + } + + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem; + } + + .sm\:-ml-1\.5 { + margin-left: -0.375rem; + } + + .sm\:-mt-2\.5 { + margin-top: -0.625rem; + } + + .sm\:-mr-2\.5 { + margin-right: -0.625rem; + } + + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem; + } + + .sm\:-ml-2\.5 { + margin-left: -0.625rem; + } + + .sm\:-mt-3\.5 { + margin-top: -0.875rem; + } + + .sm\:-mr-3\.5 { + margin-right: -0.875rem; + } + + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem; + } + + .sm\:-ml-3\.5 { + margin-left: -0.875rem; + } + + .sm\:-mt-1\/2 { + margin-top: -50%; + } + + .sm\:-mr-1\/2 { + margin-right: -50%; + } + + .sm\:-mb-1\/2 { + margin-bottom: -50%; + } + + .sm\:-ml-1\/2 { + margin-left: -50%; + } + + .sm\:-mt-1\/3 { + margin-top: -33.33333%; + } + + .sm\:-mr-1\/3 { + margin-right: -33.33333%; + } + + .sm\:-mb-1\/3 { + margin-bottom: -33.33333%; + } + + .sm\:-ml-1\/3 { + margin-left: -33.33333%; + } + + .sm\:-mt-2\/3 { + margin-top: -66.66667%; + } + + .sm\:-mr-2\/3 { + margin-right: -66.66667%; + } + + .sm\:-mb-2\/3 { + margin-bottom: -66.66667%; + } + + .sm\:-ml-2\/3 { + margin-left: -66.66667%; + } + + .sm\:-mt-1\/4 { + margin-top: -25%; + } + + .sm\:-mr-1\/4 { + margin-right: -25%; + } + + .sm\:-mb-1\/4 { + margin-bottom: -25%; + } + + .sm\:-ml-1\/4 { + margin-left: -25%; + } + + .sm\:-mt-2\/4 { + margin-top: -50%; + } + + .sm\:-mr-2\/4 { + margin-right: -50%; + } + + .sm\:-mb-2\/4 { + margin-bottom: -50%; + } + + .sm\:-ml-2\/4 { + margin-left: -50%; + } + + .sm\:-mt-3\/4 { + margin-top: -75%; + } + + .sm\:-mr-3\/4 { + margin-right: -75%; + } + + .sm\:-mb-3\/4 { + margin-bottom: -75%; + } + + .sm\:-ml-3\/4 { + margin-left: -75%; + } + + .sm\:-mt-1\/5 { + margin-top: -20%; + } + + .sm\:-mr-1\/5 { + margin-right: -20%; + } + + .sm\:-mb-1\/5 { + margin-bottom: -20%; + } + + .sm\:-ml-1\/5 { + margin-left: -20%; + } + + .sm\:-mt-2\/5 { + margin-top: -40%; + } + + .sm\:-mr-2\/5 { + margin-right: -40%; + } + + .sm\:-mb-2\/5 { + margin-bottom: -40%; + } + + .sm\:-ml-2\/5 { + margin-left: -40%; + } + + .sm\:-mt-3\/5 { + margin-top: -60%; + } + + .sm\:-mr-3\/5 { + margin-right: -60%; + } + + .sm\:-mb-3\/5 { + margin-bottom: -60%; + } + + .sm\:-ml-3\/5 { + margin-left: -60%; + } + + .sm\:-mt-4\/5 { + margin-top: -80%; + } + + .sm\:-mr-4\/5 { + margin-right: -80%; + } + + .sm\:-mb-4\/5 { + margin-bottom: -80%; + } + + .sm\:-ml-4\/5 { + margin-left: -80%; + } + + .sm\:-mt-1\/6 { + margin-top: -16.66667%; + } + + .sm\:-mr-1\/6 { + margin-right: -16.66667%; + } + + .sm\:-mb-1\/6 { + margin-bottom: -16.66667%; + } + + .sm\:-ml-1\/6 { + margin-left: -16.66667%; + } + + .sm\:-mt-2\/6 { + margin-top: -33.33333%; + } + + .sm\:-mr-2\/6 { + margin-right: -33.33333%; + } + + .sm\:-mb-2\/6 { + margin-bottom: -33.33333%; + } + + .sm\:-ml-2\/6 { + margin-left: -33.33333%; + } + + .sm\:-mt-3\/6 { + margin-top: -50%; + } + + .sm\:-mr-3\/6 { + margin-right: -50%; + } + + .sm\:-mb-3\/6 { + margin-bottom: -50%; + } + + .sm\:-ml-3\/6 { + margin-left: -50%; + } + + .sm\:-mt-4\/6 { + margin-top: -66.66667%; + } + + .sm\:-mr-4\/6 { + margin-right: -66.66667%; + } + + .sm\:-mb-4\/6 { + margin-bottom: -66.66667%; + } + + .sm\:-ml-4\/6 { + margin-left: -66.66667%; + } + + .sm\:-mt-5\/6 { + margin-top: -83.33333%; + } + + .sm\:-mr-5\/6 { + margin-right: -83.33333%; + } + + .sm\:-mb-5\/6 { + margin-bottom: -83.33333%; + } + + .sm\:-ml-5\/6 { + margin-left: -83.33333%; + } + + .sm\:-mt-1\/12 { + margin-top: -8.33333%; + } + + .sm\:-mr-1\/12 { + margin-right: -8.33333%; + } + + .sm\:-mb-1\/12 { + margin-bottom: -8.33333%; + } + + .sm\:-ml-1\/12 { + margin-left: -8.33333%; + } + + .sm\:-mt-2\/12 { + margin-top: -16.66667%; + } + + .sm\:-mr-2\/12 { + margin-right: -16.66667%; + } + + .sm\:-mb-2\/12 { + margin-bottom: -16.66667%; + } + + .sm\:-ml-2\/12 { + margin-left: -16.66667%; + } + + .sm\:-mt-3\/12 { + margin-top: -25%; + } + + .sm\:-mr-3\/12 { + margin-right: -25%; + } + + .sm\:-mb-3\/12 { + margin-bottom: -25%; + } + + .sm\:-ml-3\/12 { + margin-left: -25%; + } + + .sm\:-mt-4\/12 { + margin-top: -33.33333%; + } + + .sm\:-mr-4\/12 { + margin-right: -33.33333%; + } + + .sm\:-mb-4\/12 { + margin-bottom: -33.33333%; + } + + .sm\:-ml-4\/12 { + margin-left: -33.33333%; + } + + .sm\:-mt-5\/12 { + margin-top: -41.66667%; + } + + .sm\:-mr-5\/12 { + margin-right: -41.66667%; + } + + .sm\:-mb-5\/12 { + margin-bottom: -41.66667%; + } + + .sm\:-ml-5\/12 { + margin-left: -41.66667%; + } + + .sm\:-mt-6\/12 { + margin-top: -50%; + } + + .sm\:-mr-6\/12 { + margin-right: -50%; + } + + .sm\:-mb-6\/12 { + margin-bottom: -50%; + } + + .sm\:-ml-6\/12 { + margin-left: -50%; + } + + .sm\:-mt-7\/12 { + margin-top: -58.33333%; + } + + .sm\:-mr-7\/12 { + margin-right: -58.33333%; + } + + .sm\:-mb-7\/12 { + margin-bottom: -58.33333%; + } + + .sm\:-ml-7\/12 { + margin-left: -58.33333%; + } + + .sm\:-mt-8\/12 { + margin-top: -66.66667%; + } + + .sm\:-mr-8\/12 { + margin-right: -66.66667%; + } + + .sm\:-mb-8\/12 { + margin-bottom: -66.66667%; + } + + .sm\:-ml-8\/12 { + margin-left: -66.66667%; + } + + .sm\:-mt-9\/12 { + margin-top: -75%; + } + + .sm\:-mr-9\/12 { + margin-right: -75%; + } + + .sm\:-mb-9\/12 { + margin-bottom: -75%; + } + + .sm\:-ml-9\/12 { + margin-left: -75%; + } + + .sm\:-mt-10\/12 { + margin-top: -83.33333%; + } + + .sm\:-mr-10\/12 { + margin-right: -83.33333%; + } + + .sm\:-mb-10\/12 { + margin-bottom: -83.33333%; + } + + .sm\:-ml-10\/12 { + margin-left: -83.33333%; + } + + .sm\:-mt-11\/12 { + margin-top: -91.66667%; + } + + .sm\:-mr-11\/12 { + margin-right: -91.66667%; + } + + .sm\:-mb-11\/12 { + margin-bottom: -91.66667%; + } + + .sm\:-ml-11\/12 { + margin-left: -91.66667%; + } + + .sm\:-mt-full { + margin-top: -100%; + } + + .sm\:-mr-full { + margin-right: -100%; + } + + .sm\:-mb-full { + margin-bottom: -100%; + } + + .sm\:-ml-full { + margin-left: -100%; + } + + .sm\:max-h-0 { + max-height: 0; + } + + .sm\:max-h-1 { + max-height: 0.25rem; + } + + .sm\:max-h-2 { + max-height: 0.5rem; + } + + .sm\:max-h-3 { + max-height: 0.75rem; + } + + .sm\:max-h-4 { + max-height: 1rem; + } + + .sm\:max-h-5 { + max-height: 1.25rem; + } + + .sm\:max-h-6 { + max-height: 1.5rem; + } + + .sm\:max-h-7 { + max-height: 1.75rem; + } + + .sm\:max-h-8 { + max-height: 2rem; + } + + .sm\:max-h-9 { + max-height: 2.25rem; + } + + .sm\:max-h-10 { + max-height: 2.5rem; + } + + .sm\:max-h-11 { + max-height: 2.75rem; + } + + .sm\:max-h-12 { + max-height: 3rem; + } + + .sm\:max-h-13 { + max-height: 3.25rem; + } + + .sm\:max-h-14 { + max-height: 3.5rem; + } + + .sm\:max-h-15 { + max-height: 3.75rem; + } + + .sm\:max-h-16 { + max-height: 4rem; + } + + .sm\:max-h-20 { + max-height: 5rem; + } + + .sm\:max-h-24 { + max-height: 6rem; + } + + .sm\:max-h-28 { + max-height: 7rem; + } + + .sm\:max-h-32 { + max-height: 8rem; + } + + .sm\:max-h-36 { + max-height: 9rem; + } + + .sm\:max-h-40 { + max-height: 10rem; + } + + .sm\:max-h-44 { + max-height: 11rem; + } + + .sm\:max-h-48 { + max-height: 12rem; + } + + .sm\:max-h-52 { + max-height: 13rem; + } + + .sm\:max-h-56 { + max-height: 14rem; + } + + .sm\:max-h-60 { + max-height: 15rem; + } + + .sm\:max-h-64 { + max-height: 16rem; + } + + .sm\:max-h-72 { + max-height: 18rem; + } + + .sm\:max-h-80 { + max-height: 20rem; + } + + .sm\:max-h-96 { + max-height: 24rem; + } + + .sm\:max-h-screen { + max-height: 100vh; + } + + .sm\:max-h-px { + max-height: 1px; + } + + .sm\:max-h-0\.5 { + max-height: 0.125rem; + } + + .sm\:max-h-1\.5 { + max-height: 0.375rem; + } + + .sm\:max-h-2\.5 { + max-height: 0.625rem; + } + + .sm\:max-h-3\.5 { + max-height: 0.875rem; + } + + .sm\:max-h-1\/2 { + max-height: 50%; + } + + .sm\:max-h-1\/3 { + max-height: 33.333333%; + } + + .sm\:max-h-2\/3 { + max-height: 66.666667%; + } + + .sm\:max-h-1\/4 { + max-height: 25%; + } + + .sm\:max-h-2\/4 { + max-height: 50%; + } + + .sm\:max-h-3\/4 { + max-height: 75%; + } + + .sm\:max-h-1\/5 { + max-height: 20%; + } + + .sm\:max-h-2\/5 { + max-height: 40%; + } + + .sm\:max-h-3\/5 { + max-height: 60%; + } + + .sm\:max-h-4\/5 { + max-height: 80%; + } + + .sm\:max-h-1\/6 { + max-height: 16.666667%; + } + + .sm\:max-h-2\/6 { + max-height: 33.333333%; + } + + .sm\:max-h-3\/6 { + max-height: 50%; + } + + .sm\:max-h-4\/6 { + max-height: 66.666667%; + } + + .sm\:max-h-5\/6 { + max-height: 83.333333%; + } + + .sm\:max-h-1\/12 { + max-height: 8.333333%; + } + + .sm\:max-h-2\/12 { + max-height: 16.666667%; + } + + .sm\:max-h-3\/12 { + max-height: 25%; + } + + .sm\:max-h-4\/12 { + max-height: 33.333333%; + } + + .sm\:max-h-5\/12 { + max-height: 41.666667%; + } + + .sm\:max-h-6\/12 { + max-height: 50%; + } + + .sm\:max-h-7\/12 { + max-height: 58.333333%; + } + + .sm\:max-h-8\/12 { + max-height: 66.666667%; + } + + .sm\:max-h-9\/12 { + max-height: 75%; + } + + .sm\:max-h-10\/12 { + max-height: 83.333333%; + } + + .sm\:max-h-11\/12 { + max-height: 91.666667%; + } + + .sm\:max-h-full { + max-height: 100%; + } + + .sm\:max-w-0 { + max-width: 0rem; + } + + .sm\:max-w-none { + max-width: none; + } + + .sm\:max-w-xs { + max-width: 20rem; + } + + .sm\:max-w-sm { + max-width: 24rem; + } + + .sm\:max-w-md { + max-width: 28rem; + } + + .sm\:max-w-lg { + max-width: 32rem; + } + + .sm\:max-w-xl { + max-width: 36rem; + } + + .sm\:max-w-2xl { + max-width: 42rem; + } + + .sm\:max-w-3xl { + max-width: 48rem; + } + + .sm\:max-w-4xl { + max-width: 56rem; + } + + .sm\:max-w-5xl { + max-width: 64rem; + } + + .sm\:max-w-6xl { + max-width: 72rem; + } + + .sm\:max-w-7xl { + max-width: 80rem; + } + + .sm\:max-w-full { + max-width: 100%; + } + + .sm\:max-w-min-content { + max-width: min-content; + } + + .sm\:max-w-max-content { + max-width: max-content; + } + + .sm\:max-w-screen-sm { + max-width: 640px; + } + + .sm\:max-w-screen-md { + max-width: 768px; + } + + .sm\:max-w-screen-lg { + max-width: 1024px; + } + + .sm\:max-w-screen-xl { + max-width: 1280px; + } + + .sm\:min-h-0 { + min-height: 0; + } + + .sm\:min-h-full { + min-height: 100%; + } + + .sm\:min-h-screen { + min-height: 100vh; + } + + .sm\:min-w-0 { + min-width: 0; + } + + .sm\:min-w-full { + min-width: 100%; + } + + .sm\:min-w-min-content { + min-width: min-content; + } + + .sm\:min-w-max-content { + min-width: max-content; + } + + .sm\:object-contain { + object-fit: contain; + } + + .sm\:object-cover { + object-fit: cover; + } + + .sm\:object-fill { + object-fit: fill; + } + + .sm\:object-none { + object-fit: none; + } + + .sm\:object-scale-down { + object-fit: scale-down; + } + + .sm\:object-bottom { + object-position: bottom; + } + + .sm\:object-center { + object-position: center; + } + + .sm\:object-left { + object-position: left; + } + + .sm\:object-left-bottom { + object-position: left bottom; + } + + .sm\:object-left-top { + object-position: left top; + } + + .sm\:object-right { + object-position: right; + } + + .sm\:object-right-bottom { + object-position: right bottom; + } + + .sm\:object-right-top { + object-position: right top; + } + + .sm\:object-top { + object-position: top; + } + + .sm\:opacity-0 { + opacity: 0; + } + + .sm\:opacity-25 { + opacity: 0.25; + } + + .sm\:opacity-50 { + opacity: 0.5; + } + + .sm\:opacity-75 { + opacity: 0.75; + } + + .sm\:opacity-100 { + opacity: 1; + } + + .sm\:hover\:opacity-0:hover { + opacity: 0; + } + + .sm\:hover\:opacity-25:hover { + opacity: 0.25; + } + + .sm\:hover\:opacity-50:hover { + opacity: 0.5; + } + + .sm\:hover\:opacity-75:hover { + opacity: 0.75; + } + + .sm\:hover\:opacity-100:hover { + opacity: 1; + } + + .sm\:focus\:opacity-0:focus { + opacity: 0; + } + + .sm\:focus\:opacity-25:focus { + opacity: 0.25; + } + + .sm\:focus\:opacity-50:focus { + opacity: 0.5; + } + + .sm\:focus\:opacity-75:focus { + opacity: 0.75; + } + + .sm\:focus\:opacity-100:focus { + opacity: 1; + } + + .sm\:outline-none { + outline: 0; + } + + .sm\:focus\:outline-none:focus { + outline: 0; + } + + .sm\:overflow-auto { + overflow: auto; + } + + .sm\:overflow-hidden { + overflow: hidden; + } + + .sm\:overflow-visible { + overflow: visible; + } + + .sm\:overflow-scroll { + overflow: scroll; + } + + .sm\:overflow-x-auto { + overflow-x: auto; + } + + .sm\:overflow-y-auto { + overflow-y: auto; + } + + .sm\:overflow-x-hidden { + overflow-x: hidden; + } + + .sm\:overflow-y-hidden { + overflow-y: hidden; + } + + .sm\:overflow-x-visible { + overflow-x: visible; + } + + .sm\:overflow-y-visible { + overflow-y: visible; + } + + .sm\:overflow-x-scroll { + overflow-x: scroll; + } + + .sm\:overflow-y-scroll { + overflow-y: scroll; + } + + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch; + } + + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto; + } + + .sm\:overscroll-auto { + overscroll-behavior: auto; + } + + .sm\:overscroll-contain { + overscroll-behavior: contain; + } + + .sm\:overscroll-none { + overscroll-behavior: none; + } + + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto; + } + + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain; + } + + .sm\:overscroll-y-none { + overscroll-behavior-y: none; + } + + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto; + } + + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain; + } + + .sm\:overscroll-x-none { + overscroll-behavior-x: none; + } + + .sm\:p-0 { + padding: 0; + } + + .sm\:p-1 { + padding: 0.25rem; + } + + .sm\:p-2 { + padding: 0.5rem; + } + + .sm\:p-3 { + padding: 0.75rem; + } + + .sm\:p-4 { + padding: 1rem; + } + + .sm\:p-5 { + padding: 1.25rem; + } + + .sm\:p-6 { + padding: 1.5rem; + } + + .sm\:p-7 { + padding: 1.75rem; + } + + .sm\:p-8 { + padding: 2rem; + } + + .sm\:p-9 { + padding: 2.25rem; + } + + .sm\:p-10 { + padding: 2.5rem; + } + + .sm\:p-11 { + padding: 2.75rem; + } + + .sm\:p-12 { + padding: 3rem; + } + + .sm\:p-13 { + padding: 3.25rem; + } + + .sm\:p-14 { + padding: 3.5rem; + } + + .sm\:p-15 { + padding: 3.75rem; + } + + .sm\:p-16 { + padding: 4rem; + } + + .sm\:p-20 { + padding: 5rem; + } + + .sm\:p-24 { + padding: 6rem; + } + + .sm\:p-28 { + padding: 7rem; + } + + .sm\:p-32 { + padding: 8rem; + } + + .sm\:p-36 { + padding: 9rem; + } + + .sm\:p-40 { + padding: 10rem; + } + + .sm\:p-44 { + padding: 11rem; + } + + .sm\:p-48 { + padding: 12rem; + } + + .sm\:p-52 { + padding: 13rem; + } + + .sm\:p-56 { + padding: 14rem; + } + + .sm\:p-60 { + padding: 15rem; + } + + .sm\:p-64 { + padding: 16rem; + } + + .sm\:p-72 { + padding: 18rem; + } + + .sm\:p-80 { + padding: 20rem; + } + + .sm\:p-96 { + padding: 24rem; + } + + .sm\:p-px { + padding: 1px; + } + + .sm\:p-0\.5 { + padding: 0.125rem; + } + + .sm\:p-1\.5 { + padding: 0.375rem; + } + + .sm\:p-2\.5 { + padding: 0.625rem; + } + + .sm\:p-3\.5 { + padding: 0.875rem; + } + + .sm\:p-1\/2 { + padding: 50%; + } + + .sm\:p-1\/3 { + padding: 33.333333%; + } + + .sm\:p-2\/3 { + padding: 66.666667%; + } + + .sm\:p-1\/4 { + padding: 25%; + } + + .sm\:p-2\/4 { + padding: 50%; + } + + .sm\:p-3\/4 { + padding: 75%; + } + + .sm\:p-1\/5 { + padding: 20%; + } + + .sm\:p-2\/5 { + padding: 40%; + } + + .sm\:p-3\/5 { + padding: 60%; + } + + .sm\:p-4\/5 { + padding: 80%; + } + + .sm\:p-1\/6 { + padding: 16.666667%; + } + + .sm\:p-2\/6 { + padding: 33.333333%; + } + + .sm\:p-3\/6 { + padding: 50%; + } + + .sm\:p-4\/6 { + padding: 66.666667%; + } + + .sm\:p-5\/6 { + padding: 83.333333%; + } + + .sm\:p-1\/12 { + padding: 8.333333%; + } + + .sm\:p-2\/12 { + padding: 16.666667%; + } + + .sm\:p-3\/12 { + padding: 25%; + } + + .sm\:p-4\/12 { + padding: 33.333333%; + } + + .sm\:p-5\/12 { + padding: 41.666667%; + } + + .sm\:p-6\/12 { + padding: 50%; + } + + .sm\:p-7\/12 { + padding: 58.333333%; + } + + .sm\:p-8\/12 { + padding: 66.666667%; + } + + .sm\:p-9\/12 { + padding: 75%; + } + + .sm\:p-10\/12 { + padding: 83.333333%; + } + + .sm\:p-11\/12 { + padding: 91.666667%; + } + + .sm\:p-full { + padding: 100%; + } + + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + + .sm\:px-0 { + padding-left: 0; + padding-right: 0; + } + + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + + .sm\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + + .sm\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; + } + + .sm\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; + } + + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .sm\:py-13 { + padding-top: 3.25rem; + padding-bottom: 3.25rem; + } + + .sm\:px-13 { + padding-left: 3.25rem; + padding-right: 3.25rem; + } + + .sm\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; + } + + .sm\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; + } + + .sm\:py-15 { + padding-top: 3.75rem; + padding-bottom: 3.75rem; + } + + .sm\:px-15 { + padding-left: 3.75rem; + padding-right: 3.75rem; + } + + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .sm\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .sm\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } + + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + + .sm\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } + + .sm\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } + + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .sm\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } + + .sm\:px-44 { + padding-left: 11rem; + padding-right: 11rem; + } + + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } + + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } + + .sm\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; + } + + .sm\:px-52 { + padding-left: 13rem; + padding-right: 13rem; + } + + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } + + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } + + .sm\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; + } + + .sm\:px-60 { + padding-left: 15rem; + padding-right: 15rem; + } + + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; + } + + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } + + .sm\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; + } + + .sm\:px-72 { + padding-left: 18rem; + padding-right: 18rem; + } + + .sm\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; + } + + .sm\:px-80 { + padding-left: 20rem; + padding-right: 20rem; + } + + .sm\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; + } + + .sm\:px-96 { + padding-left: 24rem; + padding-right: 24rem; + } + + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } + + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; + } + + .sm\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; + } + + .sm\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; + } + + .sm\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + } + + .sm\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } + + .sm\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + } + + .sm\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; + } + + .sm\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; + } + + .sm\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } + + .sm\:py-1\/2 { + padding-top: 50%; + padding-bottom: 50%; + } + + .sm\:px-1\/2 { + padding-left: 50%; + padding-right: 50%; + } + + .sm\:py-1\/3 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; + } + + .sm\:px-1\/3 { + padding-left: 33.333333%; + padding-right: 33.333333%; + } + + .sm\:py-2\/3 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; + } + + .sm\:px-2\/3 { + padding-left: 66.666667%; + padding-right: 66.666667%; + } + + .sm\:py-1\/4 { + padding-top: 25%; + padding-bottom: 25%; + } + + .sm\:px-1\/4 { + padding-left: 25%; + padding-right: 25%; + } + + .sm\:py-2\/4 { + padding-top: 50%; + padding-bottom: 50%; + } + + .sm\:px-2\/4 { + padding-left: 50%; + padding-right: 50%; + } + + .sm\:py-3\/4 { + padding-top: 75%; + padding-bottom: 75%; + } + + .sm\:px-3\/4 { + padding-left: 75%; + padding-right: 75%; + } + + .sm\:py-1\/5 { + padding-top: 20%; + padding-bottom: 20%; + } + + .sm\:px-1\/5 { + padding-left: 20%; + padding-right: 20%; + } + + .sm\:py-2\/5 { + padding-top: 40%; + padding-bottom: 40%; + } + + .sm\:px-2\/5 { + padding-left: 40%; + padding-right: 40%; + } + + .sm\:py-3\/5 { + padding-top: 60%; + padding-bottom: 60%; + } + + .sm\:px-3\/5 { + padding-left: 60%; + padding-right: 60%; + } + + .sm\:py-4\/5 { + padding-top: 80%; + padding-bottom: 80%; + } + + .sm\:px-4\/5 { + padding-left: 80%; + padding-right: 80%; + } + + .sm\:py-1\/6 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; + } + + .sm\:px-1\/6 { + padding-left: 16.666667%; + padding-right: 16.666667%; + } + + .sm\:py-2\/6 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; + } + + .sm\:px-2\/6 { + padding-left: 33.333333%; + padding-right: 33.333333%; + } + + .sm\:py-3\/6 { + padding-top: 50%; + padding-bottom: 50%; + } + + .sm\:px-3\/6 { + padding-left: 50%; + padding-right: 50%; + } + + .sm\:py-4\/6 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; + } + + .sm\:px-4\/6 { + padding-left: 66.666667%; + padding-right: 66.666667%; + } + + .sm\:py-5\/6 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; + } + + .sm\:px-5\/6 { + padding-left: 83.333333%; + padding-right: 83.333333%; + } + + .sm\:py-1\/12 { + padding-top: 8.333333%; + padding-bottom: 8.333333%; + } + + .sm\:px-1\/12 { + padding-left: 8.333333%; + padding-right: 8.333333%; + } + + .sm\:py-2\/12 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; + } + + .sm\:px-2\/12 { + padding-left: 16.666667%; + padding-right: 16.666667%; + } + + .sm\:py-3\/12 { + padding-top: 25%; + padding-bottom: 25%; + } + + .sm\:px-3\/12 { + padding-left: 25%; + padding-right: 25%; + } + + .sm\:py-4\/12 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; + } + + .sm\:px-4\/12 { + padding-left: 33.333333%; + padding-right: 33.333333%; + } + + .sm\:py-5\/12 { + padding-top: 41.666667%; + padding-bottom: 41.666667%; + } + + .sm\:px-5\/12 { + padding-left: 41.666667%; + padding-right: 41.666667%; + } + + .sm\:py-6\/12 { + padding-top: 50%; + padding-bottom: 50%; + } + + .sm\:px-6\/12 { + padding-left: 50%; + padding-right: 50%; + } + + .sm\:py-7\/12 { + padding-top: 58.333333%; + padding-bottom: 58.333333%; + } + + .sm\:px-7\/12 { + padding-left: 58.333333%; + padding-right: 58.333333%; + } + + .sm\:py-8\/12 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; + } + + .sm\:px-8\/12 { + padding-left: 66.666667%; + padding-right: 66.666667%; + } + + .sm\:py-9\/12 { + padding-top: 75%; + padding-bottom: 75%; + } + + .sm\:px-9\/12 { + padding-left: 75%; + padding-right: 75%; + } + + .sm\:py-10\/12 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; + } + + .sm\:px-10\/12 { + padding-left: 83.333333%; + padding-right: 83.333333%; + } + + .sm\:py-11\/12 { + padding-top: 91.666667%; + padding-bottom: 91.666667%; + } + + .sm\:px-11\/12 { + padding-left: 91.666667%; + padding-right: 91.666667%; + } + + .sm\:py-full { + padding-top: 100%; + padding-bottom: 100%; + } + + .sm\:px-full { + padding-left: 100%; + padding-right: 100%; + } + + .sm\:pt-0 { + padding-top: 0; + } + + .sm\:pr-0 { + padding-right: 0; + } + + .sm\:pb-0 { + padding-bottom: 0; + } + + .sm\:pl-0 { + padding-left: 0; + } + + .sm\:pt-1 { + padding-top: 0.25rem; + } + + .sm\:pr-1 { + padding-right: 0.25rem; + } + + .sm\:pb-1 { + padding-bottom: 0.25rem; + } + + .sm\:pl-1 { + padding-left: 0.25rem; + } + + .sm\:pt-2 { + padding-top: 0.5rem; + } + + .sm\:pr-2 { + padding-right: 0.5rem; + } + + .sm\:pb-2 { + padding-bottom: 0.5rem; + } + + .sm\:pl-2 { + padding-left: 0.5rem; + } + + .sm\:pt-3 { + padding-top: 0.75rem; + } + + .sm\:pr-3 { + padding-right: 0.75rem; + } + + .sm\:pb-3 { + padding-bottom: 0.75rem; + } + + .sm\:pl-3 { + padding-left: 0.75rem; + } + + .sm\:pt-4 { + padding-top: 1rem; + } + + .sm\:pr-4 { + padding-right: 1rem; + } + + .sm\:pb-4 { + padding-bottom: 1rem; + } + + .sm\:pl-4 { + padding-left: 1rem; + } + + .sm\:pt-5 { + padding-top: 1.25rem; + } + + .sm\:pr-5 { + padding-right: 1.25rem; + } + + .sm\:pb-5 { + padding-bottom: 1.25rem; + } + + .sm\:pl-5 { + padding-left: 1.25rem; + } + + .sm\:pt-6 { + padding-top: 1.5rem; + } + + .sm\:pr-6 { + padding-right: 1.5rem; + } + + .sm\:pb-6 { + padding-bottom: 1.5rem; + } + + .sm\:pl-6 { + padding-left: 1.5rem; + } + + .sm\:pt-7 { + padding-top: 1.75rem; + } + + .sm\:pr-7 { + padding-right: 1.75rem; + } + + .sm\:pb-7 { + padding-bottom: 1.75rem; + } + + .sm\:pl-7 { + padding-left: 1.75rem; + } + + .sm\:pt-8 { + padding-top: 2rem; + } + + .sm\:pr-8 { + padding-right: 2rem; + } + + .sm\:pb-8 { + padding-bottom: 2rem; + } + + .sm\:pl-8 { + padding-left: 2rem; + } + + .sm\:pt-9 { + padding-top: 2.25rem; + } + + .sm\:pr-9 { + padding-right: 2.25rem; + } + + .sm\:pb-9 { + padding-bottom: 2.25rem; + } + + .sm\:pl-9 { + padding-left: 2.25rem; + } + + .sm\:pt-10 { + padding-top: 2.5rem; + } + + .sm\:pr-10 { + padding-right: 2.5rem; + } + + .sm\:pb-10 { + padding-bottom: 2.5rem; + } + + .sm\:pl-10 { + padding-left: 2.5rem; + } + + .sm\:pt-11 { + padding-top: 2.75rem; + } + + .sm\:pr-11 { + padding-right: 2.75rem; + } + + .sm\:pb-11 { + padding-bottom: 2.75rem; + } + + .sm\:pl-11 { + padding-left: 2.75rem; + } + + .sm\:pt-12 { + padding-top: 3rem; + } + + .sm\:pr-12 { + padding-right: 3rem; + } + + .sm\:pb-12 { + padding-bottom: 3rem; + } + + .sm\:pl-12 { + padding-left: 3rem; + } + + .sm\:pt-13 { + padding-top: 3.25rem; + } + + .sm\:pr-13 { + padding-right: 3.25rem; + } + + .sm\:pb-13 { + padding-bottom: 3.25rem; + } + + .sm\:pl-13 { + padding-left: 3.25rem; + } + + .sm\:pt-14 { + padding-top: 3.5rem; + } + + .sm\:pr-14 { + padding-right: 3.5rem; + } + + .sm\:pb-14 { + padding-bottom: 3.5rem; + } + + .sm\:pl-14 { + padding-left: 3.5rem; + } + + .sm\:pt-15 { + padding-top: 3.75rem; + } + + .sm\:pr-15 { + padding-right: 3.75rem; + } + + .sm\:pb-15 { + padding-bottom: 3.75rem; + } + + .sm\:pl-15 { + padding-left: 3.75rem; + } + + .sm\:pt-16 { + padding-top: 4rem; + } + + .sm\:pr-16 { + padding-right: 4rem; + } + + .sm\:pb-16 { + padding-bottom: 4rem; + } + + .sm\:pl-16 { + padding-left: 4rem; + } + + .sm\:pt-20 { + padding-top: 5rem; + } + + .sm\:pr-20 { + padding-right: 5rem; + } + + .sm\:pb-20 { + padding-bottom: 5rem; + } + + .sm\:pl-20 { + padding-left: 5rem; + } + + .sm\:pt-24 { + padding-top: 6rem; + } + + .sm\:pr-24 { + padding-right: 6rem; + } + + .sm\:pb-24 { + padding-bottom: 6rem; + } + + .sm\:pl-24 { + padding-left: 6rem; + } + + .sm\:pt-28 { + padding-top: 7rem; + } + + .sm\:pr-28 { + padding-right: 7rem; + } + + .sm\:pb-28 { + padding-bottom: 7rem; + } + + .sm\:pl-28 { + padding-left: 7rem; + } + + .sm\:pt-32 { + padding-top: 8rem; + } + + .sm\:pr-32 { + padding-right: 8rem; + } + + .sm\:pb-32 { + padding-bottom: 8rem; + } + + .sm\:pl-32 { + padding-left: 8rem; + } + + .sm\:pt-36 { + padding-top: 9rem; + } + + .sm\:pr-36 { + padding-right: 9rem; + } + + .sm\:pb-36 { + padding-bottom: 9rem; + } + + .sm\:pl-36 { + padding-left: 9rem; + } + + .sm\:pt-40 { + padding-top: 10rem; + } + + .sm\:pr-40 { + padding-right: 10rem; + } + + .sm\:pb-40 { + padding-bottom: 10rem; + } + + .sm\:pl-40 { + padding-left: 10rem; + } + + .sm\:pt-44 { + padding-top: 11rem; + } + + .sm\:pr-44 { + padding-right: 11rem; + } + + .sm\:pb-44 { + padding-bottom: 11rem; + } + + .sm\:pl-44 { + padding-left: 11rem; + } + + .sm\:pt-48 { + padding-top: 12rem; + } + + .sm\:pr-48 { + padding-right: 12rem; + } + + .sm\:pb-48 { + padding-bottom: 12rem; + } + + .sm\:pl-48 { + padding-left: 12rem; + } + + .sm\:pt-52 { + padding-top: 13rem; + } + + .sm\:pr-52 { + padding-right: 13rem; + } + + .sm\:pb-52 { + padding-bottom: 13rem; + } + + .sm\:pl-52 { + padding-left: 13rem; + } + + .sm\:pt-56 { + padding-top: 14rem; + } + + .sm\:pr-56 { + padding-right: 14rem; + } + + .sm\:pb-56 { + padding-bottom: 14rem; + } + + .sm\:pl-56 { + padding-left: 14rem; + } + + .sm\:pt-60 { + padding-top: 15rem; + } + + .sm\:pr-60 { + padding-right: 15rem; + } + + .sm\:pb-60 { + padding-bottom: 15rem; + } + + .sm\:pl-60 { + padding-left: 15rem; + } + + .sm\:pt-64 { + padding-top: 16rem; + } + + .sm\:pr-64 { + padding-right: 16rem; + } + + .sm\:pb-64 { + padding-bottom: 16rem; + } + + .sm\:pl-64 { + padding-left: 16rem; + } + + .sm\:pt-72 { + padding-top: 18rem; + } + + .sm\:pr-72 { + padding-right: 18rem; + } + + .sm\:pb-72 { + padding-bottom: 18rem; + } + + .sm\:pl-72 { + padding-left: 18rem; + } + + .sm\:pt-80 { + padding-top: 20rem; + } + + .sm\:pr-80 { + padding-right: 20rem; + } + + .sm\:pb-80 { + padding-bottom: 20rem; + } + + .sm\:pl-80 { + padding-left: 20rem; + } + + .sm\:pt-96 { + padding-top: 24rem; + } + + .sm\:pr-96 { + padding-right: 24rem; + } + + .sm\:pb-96 { + padding-bottom: 24rem; + } + + .sm\:pl-96 { + padding-left: 24rem; + } + + .sm\:pt-px { + padding-top: 1px; + } + + .sm\:pr-px { + padding-right: 1px; + } + + .sm\:pb-px { + padding-bottom: 1px; + } + + .sm\:pl-px { + padding-left: 1px; + } + + .sm\:pt-0\.5 { + padding-top: 0.125rem; + } + + .sm\:pr-0\.5 { + padding-right: 0.125rem; + } + + .sm\:pb-0\.5 { + padding-bottom: 0.125rem; + } + + .sm\:pl-0\.5 { + padding-left: 0.125rem; + } + + .sm\:pt-1\.5 { + padding-top: 0.375rem; + } + + .sm\:pr-1\.5 { + padding-right: 0.375rem; + } + + .sm\:pb-1\.5 { + padding-bottom: 0.375rem; + } + + .sm\:pl-1\.5 { + padding-left: 0.375rem; + } + + .sm\:pt-2\.5 { + padding-top: 0.625rem; + } + + .sm\:pr-2\.5 { + padding-right: 0.625rem; + } + + .sm\:pb-2\.5 { + padding-bottom: 0.625rem; + } + + .sm\:pl-2\.5 { + padding-left: 0.625rem; + } + + .sm\:pt-3\.5 { + padding-top: 0.875rem; + } + + .sm\:pr-3\.5 { + padding-right: 0.875rem; + } + + .sm\:pb-3\.5 { + padding-bottom: 0.875rem; + } + + .sm\:pl-3\.5 { + padding-left: 0.875rem; + } + + .sm\:pt-1\/2 { + padding-top: 50%; + } + + .sm\:pr-1\/2 { + padding-right: 50%; + } + + .sm\:pb-1\/2 { + padding-bottom: 50%; + } + + .sm\:pl-1\/2 { + padding-left: 50%; + } + + .sm\:pt-1\/3 { + padding-top: 33.333333%; + } + + .sm\:pr-1\/3 { + padding-right: 33.333333%; + } + + .sm\:pb-1\/3 { + padding-bottom: 33.333333%; + } + + .sm\:pl-1\/3 { + padding-left: 33.333333%; + } + + .sm\:pt-2\/3 { + padding-top: 66.666667%; + } + + .sm\:pr-2\/3 { + padding-right: 66.666667%; + } + + .sm\:pb-2\/3 { + padding-bottom: 66.666667%; + } + + .sm\:pl-2\/3 { + padding-left: 66.666667%; + } + + .sm\:pt-1\/4 { + padding-top: 25%; + } + + .sm\:pr-1\/4 { + padding-right: 25%; + } + + .sm\:pb-1\/4 { + padding-bottom: 25%; + } + + .sm\:pl-1\/4 { + padding-left: 25%; + } + + .sm\:pt-2\/4 { + padding-top: 50%; + } + + .sm\:pr-2\/4 { + padding-right: 50%; + } + + .sm\:pb-2\/4 { + padding-bottom: 50%; + } + + .sm\:pl-2\/4 { + padding-left: 50%; + } + + .sm\:pt-3\/4 { + padding-top: 75%; + } + + .sm\:pr-3\/4 { + padding-right: 75%; + } + + .sm\:pb-3\/4 { + padding-bottom: 75%; + } + + .sm\:pl-3\/4 { + padding-left: 75%; + } + + .sm\:pt-1\/5 { + padding-top: 20%; + } + + .sm\:pr-1\/5 { + padding-right: 20%; + } + + .sm\:pb-1\/5 { + padding-bottom: 20%; + } + + .sm\:pl-1\/5 { + padding-left: 20%; + } + + .sm\:pt-2\/5 { + padding-top: 40%; + } + + .sm\:pr-2\/5 { + padding-right: 40%; + } + + .sm\:pb-2\/5 { + padding-bottom: 40%; + } + + .sm\:pl-2\/5 { + padding-left: 40%; + } + + .sm\:pt-3\/5 { + padding-top: 60%; + } + + .sm\:pr-3\/5 { + padding-right: 60%; + } + + .sm\:pb-3\/5 { + padding-bottom: 60%; + } + + .sm\:pl-3\/5 { + padding-left: 60%; + } + + .sm\:pt-4\/5 { + padding-top: 80%; + } + + .sm\:pr-4\/5 { + padding-right: 80%; + } + + .sm\:pb-4\/5 { + padding-bottom: 80%; + } + + .sm\:pl-4\/5 { + padding-left: 80%; + } + + .sm\:pt-1\/6 { + padding-top: 16.666667%; + } + + .sm\:pr-1\/6 { + padding-right: 16.666667%; + } + + .sm\:pb-1\/6 { + padding-bottom: 16.666667%; + } + + .sm\:pl-1\/6 { + padding-left: 16.666667%; + } + + .sm\:pt-2\/6 { + padding-top: 33.333333%; + } + + .sm\:pr-2\/6 { + padding-right: 33.333333%; + } + + .sm\:pb-2\/6 { + padding-bottom: 33.333333%; + } + + .sm\:pl-2\/6 { + padding-left: 33.333333%; + } + + .sm\:pt-3\/6 { + padding-top: 50%; + } + + .sm\:pr-3\/6 { + padding-right: 50%; + } + + .sm\:pb-3\/6 { + padding-bottom: 50%; + } + + .sm\:pl-3\/6 { + padding-left: 50%; + } + + .sm\:pt-4\/6 { + padding-top: 66.666667%; + } + + .sm\:pr-4\/6 { + padding-right: 66.666667%; + } + + .sm\:pb-4\/6 { + padding-bottom: 66.666667%; + } + + .sm\:pl-4\/6 { + padding-left: 66.666667%; + } + + .sm\:pt-5\/6 { + padding-top: 83.333333%; + } + + .sm\:pr-5\/6 { + padding-right: 83.333333%; + } + + .sm\:pb-5\/6 { + padding-bottom: 83.333333%; + } + + .sm\:pl-5\/6 { + padding-left: 83.333333%; + } + + .sm\:pt-1\/12 { + padding-top: 8.333333%; + } + + .sm\:pr-1\/12 { + padding-right: 8.333333%; + } + + .sm\:pb-1\/12 { + padding-bottom: 8.333333%; + } + + .sm\:pl-1\/12 { + padding-left: 8.333333%; + } + + .sm\:pt-2\/12 { + padding-top: 16.666667%; + } + + .sm\:pr-2\/12 { + padding-right: 16.666667%; + } + + .sm\:pb-2\/12 { + padding-bottom: 16.666667%; + } + + .sm\:pl-2\/12 { + padding-left: 16.666667%; + } + + .sm\:pt-3\/12 { + padding-top: 25%; + } + + .sm\:pr-3\/12 { + padding-right: 25%; + } + + .sm\:pb-3\/12 { + padding-bottom: 25%; + } + + .sm\:pl-3\/12 { + padding-left: 25%; + } + + .sm\:pt-4\/12 { + padding-top: 33.333333%; + } + + .sm\:pr-4\/12 { + padding-right: 33.333333%; + } + + .sm\:pb-4\/12 { + padding-bottom: 33.333333%; + } + + .sm\:pl-4\/12 { + padding-left: 33.333333%; + } + + .sm\:pt-5\/12 { + padding-top: 41.666667%; + } + + .sm\:pr-5\/12 { + padding-right: 41.666667%; + } + + .sm\:pb-5\/12 { + padding-bottom: 41.666667%; + } + + .sm\:pl-5\/12 { + padding-left: 41.666667%; + } + + .sm\:pt-6\/12 { + padding-top: 50%; + } + + .sm\:pr-6\/12 { + padding-right: 50%; + } + + .sm\:pb-6\/12 { + padding-bottom: 50%; + } + + .sm\:pl-6\/12 { + padding-left: 50%; + } + + .sm\:pt-7\/12 { + padding-top: 58.333333%; + } + + .sm\:pr-7\/12 { + padding-right: 58.333333%; + } + + .sm\:pb-7\/12 { + padding-bottom: 58.333333%; + } + + .sm\:pl-7\/12 { + padding-left: 58.333333%; + } + + .sm\:pt-8\/12 { + padding-top: 66.666667%; + } + + .sm\:pr-8\/12 { + padding-right: 66.666667%; + } + + .sm\:pb-8\/12 { + padding-bottom: 66.666667%; + } + + .sm\:pl-8\/12 { + padding-left: 66.666667%; + } + + .sm\:pt-9\/12 { + padding-top: 75%; + } + + .sm\:pr-9\/12 { + padding-right: 75%; + } + + .sm\:pb-9\/12 { + padding-bottom: 75%; + } + + .sm\:pl-9\/12 { + padding-left: 75%; + } + + .sm\:pt-10\/12 { + padding-top: 83.333333%; + } + + .sm\:pr-10\/12 { + padding-right: 83.333333%; + } + + .sm\:pb-10\/12 { + padding-bottom: 83.333333%; + } + + .sm\:pl-10\/12 { + padding-left: 83.333333%; + } + + .sm\:pt-11\/12 { + padding-top: 91.666667%; + } + + .sm\:pr-11\/12 { + padding-right: 91.666667%; + } + + .sm\:pb-11\/12 { + padding-bottom: 91.666667%; + } + + .sm\:pl-11\/12 { + padding-left: 91.666667%; + } + + .sm\:pt-full { + padding-top: 100%; + } + + .sm\:pr-full { + padding-right: 100%; + } + + .sm\:pb-full { + padding-bottom: 100%; + } + + .sm\:pl-full { + padding-left: 100%; + } + + .sm\:placeholder-transparent::placeholder { + color: transparent; + } + + .sm\:placeholder-current::placeholder { + color: currentColor; + } + + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .sm\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .sm\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .sm\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } + + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + + @media (prefers-color-scheme: dark) { + .sm\:dark\:placeholder-transparent::placeholder { + color: transparent; + } + + .sm\:dark\:placeholder-current::placeholder { + color: currentColor; + } + + .sm\:dark\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .sm\:dark\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } + + .sm\:dark\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + + .sm\:dark\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + } + + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } + + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } + + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } + + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } + + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } + + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } + + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } + + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } + + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } + + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; + } + + .sm\:pointer-events-none { + pointer-events: none; + } + + .sm\:pointer-events-auto { + pointer-events: auto; + } + + .sm\:static { + position: static; + } + + .sm\:fixed { + position: fixed; + } + + .sm\:absolute { + position: absolute; + } + + .sm\:relative { + position: relative; + } + + .sm\:sticky { + position: sticky; + } + + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + .sm\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } + + .sm\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } + + .sm\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } + + .sm\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } + + .sm\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } + + .sm\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } + + .sm\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } + + .sm\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } + + .sm\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } + + .sm\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } + + .sm\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; + } + + .sm\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } + + .sm\:inset-13 { + top: 3.25rem; + right: 3.25rem; + bottom: 3.25rem; + left: 3.25rem; + } + + .sm\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } + + .sm\:inset-15 { + top: 3.75rem; + right: 3.75rem; + bottom: 3.75rem; + left: 3.75rem; + } + + .sm\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } + + .sm\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } + + .sm\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } + + .sm\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } + + .sm\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } + + .sm\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } + + .sm\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } + + .sm\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } + + .sm\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } + + .sm\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } + + .sm\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } + + .sm\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } + + .sm\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } + + .sm\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } + + .sm\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } + + .sm\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } + + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + + .sm\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } + + .sm\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } + + .sm\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } + + .sm\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } + + .sm\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } + + .sm\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } + + .sm\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } + + .sm\:inset-1\/5 { + top: 20%; + right: 20%; + bottom: 20%; + left: 20%; + } + + .sm\:inset-2\/5 { + top: 40%; + right: 40%; + bottom: 40%; + left: 40%; + } + + .sm\:inset-3\/5 { + top: 60%; + right: 60%; + bottom: 60%; + left: 60%; + } + + .sm\:inset-4\/5 { + top: 80%; + right: 80%; + bottom: 80%; + left: 80%; + } + + .sm\:inset-1\/6 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; + } + + .sm\:inset-2\/6 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-3\/6 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-4\/6 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-5\/6 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; + } + + .sm\:inset-1\/12 { + top: 8.333333%; + right: 8.333333%; + bottom: 8.333333%; + left: 8.333333%; + } + + .sm\:inset-2\/12 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; + } + + .sm\:inset-3\/12 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } + + .sm\:inset-4\/12 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-5\/12 { + top: 41.666667%; + right: 41.666667%; + bottom: 41.666667%; + left: 41.666667%; + } + + .sm\:inset-6\/12 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-7\/12 { + top: 58.333333%; + right: 58.333333%; + bottom: 58.333333%; + left: 58.333333%; + } + + .sm\:inset-8\/12 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-9\/12 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } + + .sm\:inset-10\/12 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; + } + + .sm\:inset-11\/12 { + top: 91.666667%; + right: 91.666667%; + bottom: 91.666667%; + left: 91.666667%; + } + + .sm\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } + + .sm\:inset-y-0 { + top: 0; + bottom: 0; + } + + .sm\:inset-x-0 { + right: 0; + left: 0; + } + + .sm\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } + + .sm\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } + + .sm\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } + + .sm\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } + + .sm\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } + + .sm\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } + + .sm\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } + + .sm\:inset-x-4 { + right: 1rem; + left: 1rem; + } + + .sm\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } + + .sm\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } + + .sm\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } + + .sm\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } + + .sm\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } + + .sm\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } + + .sm\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } + + .sm\:inset-x-8 { + right: 2rem; + left: 2rem; + } + + .sm\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } + + .sm\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; + } + + .sm\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } + + .sm\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; + } + + .sm\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; + } + + .sm\:inset-x-11 { + right: 2.75rem; + left: 2.75rem; + } + + .sm\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } + + .sm\:inset-x-12 { + right: 3rem; + left: 3rem; + } + + .sm\:inset-y-13 { + top: 3.25rem; + bottom: 3.25rem; + } + + .sm\:inset-x-13 { + right: 3.25rem; + left: 3.25rem; + } + + .sm\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } + + .sm\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; + } + + .sm\:inset-y-15 { + top: 3.75rem; + bottom: 3.75rem; + } + + .sm\:inset-x-15 { + right: 3.75rem; + left: 3.75rem; + } + + .sm\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } + + .sm\:inset-x-16 { + right: 4rem; + left: 4rem; + } + + .sm\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } + + .sm\:inset-x-20 { + right: 5rem; + left: 5rem; + } + + .sm\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } + + .sm\:inset-x-24 { + right: 6rem; + left: 6rem; + } + + .sm\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } + + .sm\:inset-x-28 { + right: 7rem; + left: 7rem; + } + + .sm\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } + + .sm\:inset-x-32 { + right: 8rem; + left: 8rem; + } + + .sm\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } + + .sm\:inset-x-36 { + right: 9rem; + left: 9rem; + } + + .sm\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } + + .sm\:inset-x-40 { + right: 10rem; + left: 10rem; + } + + .sm\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } + + .sm\:inset-x-44 { + right: 11rem; + left: 11rem; + } + + .sm\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } + + .sm\:inset-x-48 { + right: 12rem; + left: 12rem; + } + + .sm\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } + + .sm\:inset-x-52 { + right: 13rem; + left: 13rem; + } + + .sm\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } + + .sm\:inset-x-56 { + right: 14rem; + left: 14rem; + } + + .sm\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } + + .sm\:inset-x-60 { + right: 15rem; + left: 15rem; + } + + .sm\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } + + .sm\:inset-x-64 { + right: 16rem; + left: 16rem; + } + + .sm\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } + + .sm\:inset-x-72 { + right: 18rem; + left: 18rem; + } + + .sm\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } + + .sm\:inset-x-80 { + right: 20rem; + left: 20rem; + } + + .sm\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } + + .sm\:inset-x-96 { + right: 24rem; + left: 24rem; + } + + .sm\:inset-y-auto { + top: auto; + bottom: auto; + } + + .sm\:inset-x-auto { + right: auto; + left: auto; + } + + .sm\:inset-y-px { + top: 1px; + bottom: 1px; + } + + .sm\:inset-x-px { + right: 1px; + left: 1px; + } + + .sm\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } + + .sm\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; + } + + .sm\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } + + .sm\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; + } + + .sm\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } + + .sm\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; + } + + .sm\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } + + .sm\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; + } + + .sm\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-x-1\/2 { + right: 50%; + left: 50%; + } + + .sm\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } + + .sm\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } + + .sm\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } + + .sm\:inset-x-1\/4 { + right: 25%; + left: 25%; + } + + .sm\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-x-2\/4 { + right: 50%; + left: 50%; + } + + .sm\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } + + .sm\:inset-x-3\/4 { + right: 75%; + left: 75%; + } + + .sm\:inset-y-1\/5 { + top: 20%; + bottom: 20%; + } + + .sm\:inset-x-1\/5 { + right: 20%; + left: 20%; + } + + .sm\:inset-y-2\/5 { + top: 40%; + bottom: 40%; + } + + .sm\:inset-x-2\/5 { + right: 40%; + left: 40%; + } + + .sm\:inset-y-3\/5 { + top: 60%; + bottom: 60%; + } + + .sm\:inset-x-3\/5 { + right: 60%; + left: 60%; + } + + .sm\:inset-y-4\/5 { + top: 80%; + bottom: 80%; + } + + .sm\:inset-x-4\/5 { + right: 80%; + left: 80%; + } + + .sm\:inset-y-1\/6 { + top: 16.666667%; + bottom: 16.666667%; + } + + .sm\:inset-x-1\/6 { + right: 16.666667%; + left: 16.666667%; + } + + .sm\:inset-y-2\/6 { + top: 33.333333%; + bottom: 33.333333%; + } + + .sm\:inset-x-2\/6 { + right: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-y-3\/6 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-x-3\/6 { + right: 50%; + left: 50%; + } + + .sm\:inset-y-4\/6 { + top: 66.666667%; + bottom: 66.666667%; + } + + .sm\:inset-x-4\/6 { + right: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-y-5\/6 { + top: 83.333333%; + bottom: 83.333333%; + } + + .sm\:inset-x-5\/6 { + right: 83.333333%; + left: 83.333333%; + } + + .sm\:inset-y-1\/12 { + top: 8.333333%; + bottom: 8.333333%; + } + + .sm\:inset-x-1\/12 { + right: 8.333333%; + left: 8.333333%; + } + + .sm\:inset-y-2\/12 { + top: 16.666667%; + bottom: 16.666667%; + } + + .sm\:inset-x-2\/12 { + right: 16.666667%; + left: 16.666667%; + } + + .sm\:inset-y-3\/12 { + top: 25%; + bottom: 25%; + } + + .sm\:inset-x-3\/12 { + right: 25%; + left: 25%; + } + + .sm\:inset-y-4\/12 { + top: 33.333333%; + bottom: 33.333333%; + } + + .sm\:inset-x-4\/12 { + right: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-y-5\/12 { + top: 41.666667%; + bottom: 41.666667%; + } + + .sm\:inset-x-5\/12 { + right: 41.666667%; + left: 41.666667%; + } + + .sm\:inset-y-6\/12 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-x-6\/12 { + right: 50%; + left: 50%; + } + + .sm\:inset-y-7\/12 { + top: 58.333333%; + bottom: 58.333333%; + } + + .sm\:inset-x-7\/12 { + right: 58.333333%; + left: 58.333333%; + } + + .sm\:inset-y-8\/12 { + top: 66.666667%; + bottom: 66.666667%; + } + + .sm\:inset-x-8\/12 { + right: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-y-9\/12 { + top: 75%; + bottom: 75%; + } + + .sm\:inset-x-9\/12 { + right: 75%; + left: 75%; + } + + .sm\:inset-y-10\/12 { + top: 83.333333%; + bottom: 83.333333%; + } + + .sm\:inset-x-10\/12 { + right: 83.333333%; + left: 83.333333%; + } + + .sm\:inset-y-11\/12 { + top: 91.666667%; + bottom: 91.666667%; + } + + .sm\:inset-x-11\/12 { + right: 91.666667%; + left: 91.666667%; + } + + .sm\:inset-y-full { + top: 100%; + bottom: 100%; + } + + .sm\:inset-x-full { + right: 100%; + left: 100%; + } + + .sm\:top-0 { + top: 0; + } + + .sm\:right-0 { + right: 0; + } + + .sm\:bottom-0 { + bottom: 0; + } + + .sm\:left-0 { + left: 0; + } + + .sm\:top-1 { + top: 0.25rem; + } + + .sm\:right-1 { + right: 0.25rem; + } + + .sm\:bottom-1 { + bottom: 0.25rem; + } + + .sm\:left-1 { + left: 0.25rem; + } + + .sm\:top-2 { + top: 0.5rem; + } + + .sm\:right-2 { + right: 0.5rem; + } + + .sm\:bottom-2 { + bottom: 0.5rem; + } + + .sm\:left-2 { + left: 0.5rem; + } + + .sm\:top-3 { + top: 0.75rem; + } + + .sm\:right-3 { + right: 0.75rem; + } + + .sm\:bottom-3 { + bottom: 0.75rem; + } + + .sm\:left-3 { + left: 0.75rem; + } + + .sm\:top-4 { + top: 1rem; + } + + .sm\:right-4 { + right: 1rem; + } + + .sm\:bottom-4 { + bottom: 1rem; + } + + .sm\:left-4 { + left: 1rem; + } + + .sm\:top-5 { + top: 1.25rem; + } + + .sm\:right-5 { + right: 1.25rem; + } + + .sm\:bottom-5 { + bottom: 1.25rem; + } + + .sm\:left-5 { + left: 1.25rem; + } + + .sm\:top-6 { + top: 1.5rem; + } + + .sm\:right-6 { + right: 1.5rem; + } + + .sm\:bottom-6 { + bottom: 1.5rem; + } + + .sm\:left-6 { + left: 1.5rem; + } + + .sm\:top-7 { + top: 1.75rem; + } + + .sm\:right-7 { + right: 1.75rem; + } + + .sm\:bottom-7 { + bottom: 1.75rem; + } + + .sm\:left-7 { + left: 1.75rem; + } + + .sm\:top-8 { + top: 2rem; + } + + .sm\:right-8 { + right: 2rem; + } + + .sm\:bottom-8 { + bottom: 2rem; + } + + .sm\:left-8 { + left: 2rem; + } + + .sm\:top-9 { + top: 2.25rem; + } + + .sm\:right-9 { + right: 2.25rem; + } + + .sm\:bottom-9 { + bottom: 2.25rem; + } + + .sm\:left-9 { + left: 2.25rem; + } + + .sm\:top-10 { + top: 2.5rem; + } + + .sm\:right-10 { + right: 2.5rem; + } + + .sm\:bottom-10 { + bottom: 2.5rem; + } + + .sm\:left-10 { + left: 2.5rem; + } + + .sm\:top-11 { + top: 2.75rem; + } + + .sm\:right-11 { + right: 2.75rem; + } + + .sm\:bottom-11 { + bottom: 2.75rem; + } + + .sm\:left-11 { + left: 2.75rem; + } + + .sm\:top-12 { + top: 3rem; + } + + .sm\:right-12 { + right: 3rem; + } + + .sm\:bottom-12 { + bottom: 3rem; + } + + .sm\:left-12 { + left: 3rem; + } + + .sm\:top-13 { + top: 3.25rem; + } + + .sm\:right-13 { + right: 3.25rem; + } + + .sm\:bottom-13 { + bottom: 3.25rem; + } + + .sm\:left-13 { + left: 3.25rem; + } + + .sm\:top-14 { + top: 3.5rem; + } + + .sm\:right-14 { + right: 3.5rem; + } + + .sm\:bottom-14 { + bottom: 3.5rem; + } + + .sm\:left-14 { + left: 3.5rem; + } + + .sm\:top-15 { + top: 3.75rem; + } + + .sm\:right-15 { + right: 3.75rem; + } + + .sm\:bottom-15 { + bottom: 3.75rem; + } + + .sm\:left-15 { + left: 3.75rem; + } + + .sm\:top-16 { + top: 4rem; + } + + .sm\:right-16 { + right: 4rem; + } + + .sm\:bottom-16 { + bottom: 4rem; + } + + .sm\:left-16 { + left: 4rem; + } + + .sm\:top-20 { + top: 5rem; + } + + .sm\:right-20 { + right: 5rem; + } + + .sm\:bottom-20 { + bottom: 5rem; + } + + .sm\:left-20 { + left: 5rem; + } + + .sm\:top-24 { + top: 6rem; + } + + .sm\:right-24 { + right: 6rem; + } + + .sm\:bottom-24 { + bottom: 6rem; + } + + .sm\:left-24 { + left: 6rem; + } + + .sm\:top-28 { + top: 7rem; + } + + .sm\:right-28 { + right: 7rem; + } + + .sm\:bottom-28 { + bottom: 7rem; + } + + .sm\:left-28 { + left: 7rem; + } + + .sm\:top-32 { + top: 8rem; + } + + .sm\:right-32 { + right: 8rem; + } + + .sm\:bottom-32 { + bottom: 8rem; + } + + .sm\:left-32 { + left: 8rem; + } + + .sm\:top-36 { + top: 9rem; + } + + .sm\:right-36 { + right: 9rem; + } + + .sm\:bottom-36 { + bottom: 9rem; + } + + .sm\:left-36 { + left: 9rem; + } + + .sm\:top-40 { + top: 10rem; + } + + .sm\:right-40 { + right: 10rem; + } + + .sm\:bottom-40 { + bottom: 10rem; + } + + .sm\:left-40 { + left: 10rem; + } + + .sm\:top-44 { + top: 11rem; + } + + .sm\:right-44 { + right: 11rem; + } + + .sm\:bottom-44 { + bottom: 11rem; + } + + .sm\:left-44 { + left: 11rem; + } + + .sm\:top-48 { + top: 12rem; + } + + .sm\:right-48 { + right: 12rem; + } + + .sm\:bottom-48 { + bottom: 12rem; + } + + .sm\:left-48 { + left: 12rem; + } + + .sm\:top-52 { + top: 13rem; + } + + .sm\:right-52 { + right: 13rem; + } + + .sm\:bottom-52 { + bottom: 13rem; + } + + .sm\:left-52 { + left: 13rem; + } + + .sm\:top-56 { + top: 14rem; + } + + .sm\:right-56 { + right: 14rem; + } + + .sm\:bottom-56 { + bottom: 14rem; + } + + .sm\:left-56 { + left: 14rem; + } + + .sm\:top-60 { + top: 15rem; + } + + .sm\:right-60 { + right: 15rem; + } + + .sm\:bottom-60 { + bottom: 15rem; + } + + .sm\:left-60 { + left: 15rem; + } + + .sm\:top-64 { + top: 16rem; + } + + .sm\:right-64 { + right: 16rem; + } + + .sm\:bottom-64 { + bottom: 16rem; + } + + .sm\:left-64 { + left: 16rem; + } + + .sm\:top-72 { + top: 18rem; + } + + .sm\:right-72 { + right: 18rem; + } + + .sm\:bottom-72 { + bottom: 18rem; + } + + .sm\:left-72 { + left: 18rem; + } + + .sm\:top-80 { + top: 20rem; + } + + .sm\:right-80 { + right: 20rem; + } + + .sm\:bottom-80 { + bottom: 20rem; + } + + .sm\:left-80 { + left: 20rem; + } + + .sm\:top-96 { + top: 24rem; + } + + .sm\:right-96 { + right: 24rem; + } + + .sm\:bottom-96 { + bottom: 24rem; + } + + .sm\:left-96 { + left: 24rem; + } + + .sm\:top-auto { + top: auto; + } + + .sm\:right-auto { + right: auto; + } + + .sm\:bottom-auto { + bottom: auto; + } + + .sm\:left-auto { + left: auto; + } + + .sm\:top-px { + top: 1px; + } + + .sm\:right-px { + right: 1px; + } + + .sm\:bottom-px { + bottom: 1px; + } + + .sm\:left-px { + left: 1px; + } + + .sm\:top-0\.5 { + top: 0.125rem; + } + + .sm\:right-0\.5 { + right: 0.125rem; + } + + .sm\:bottom-0\.5 { + bottom: 0.125rem; + } + + .sm\:left-0\.5 { + left: 0.125rem; + } + + .sm\:top-1\.5 { + top: 0.375rem; + } + + .sm\:right-1\.5 { + right: 0.375rem; + } + + .sm\:bottom-1\.5 { + bottom: 0.375rem; + } + + .sm\:left-1\.5 { + left: 0.375rem; + } + + .sm\:top-2\.5 { + top: 0.625rem; + } + + .sm\:right-2\.5 { + right: 0.625rem; + } + + .sm\:bottom-2\.5 { + bottom: 0.625rem; + } + + .sm\:left-2\.5 { + left: 0.625rem; + } + + .sm\:top-3\.5 { + top: 0.875rem; + } + + .sm\:right-3\.5 { + right: 0.875rem; + } + + .sm\:bottom-3\.5 { + bottom: 0.875rem; + } + + .sm\:left-3\.5 { + left: 0.875rem; + } + + .sm\:top-1\/2 { + top: 50%; + } + + .sm\:right-1\/2 { + right: 50%; + } + + .sm\:bottom-1\/2 { + bottom: 50%; + } + + .sm\:left-1\/2 { + left: 50%; + } + + .sm\:top-1\/3 { + top: 33.333333%; + } + + .sm\:right-1\/3 { + right: 33.333333%; + } + + .sm\:bottom-1\/3 { + bottom: 33.333333%; + } + + .sm\:left-1\/3 { + left: 33.333333%; + } + + .sm\:top-2\/3 { + top: 66.666667%; + } + + .sm\:right-2\/3 { + right: 66.666667%; + } + + .sm\:bottom-2\/3 { + bottom: 66.666667%; + } + + .sm\:left-2\/3 { + left: 66.666667%; + } + + .sm\:top-1\/4 { + top: 25%; + } + + .sm\:right-1\/4 { + right: 25%; + } + + .sm\:bottom-1\/4 { + bottom: 25%; + } + + .sm\:left-1\/4 { + left: 25%; + } + + .sm\:top-2\/4 { + top: 50%; + } + + .sm\:right-2\/4 { + right: 50%; + } + + .sm\:bottom-2\/4 { + bottom: 50%; + } + + .sm\:left-2\/4 { + left: 50%; + } + + .sm\:top-3\/4 { + top: 75%; + } + + .sm\:right-3\/4 { + right: 75%; + } + + .sm\:bottom-3\/4 { + bottom: 75%; + } + + .sm\:left-3\/4 { + left: 75%; + } + + .sm\:top-1\/5 { + top: 20%; + } + + .sm\:right-1\/5 { + right: 20%; + } + + .sm\:bottom-1\/5 { + bottom: 20%; + } + + .sm\:left-1\/5 { + left: 20%; + } + + .sm\:top-2\/5 { + top: 40%; + } + + .sm\:right-2\/5 { + right: 40%; + } + + .sm\:bottom-2\/5 { + bottom: 40%; + } + + .sm\:left-2\/5 { + left: 40%; + } + + .sm\:top-3\/5 { + top: 60%; + } + + .sm\:right-3\/5 { + right: 60%; + } + + .sm\:bottom-3\/5 { + bottom: 60%; + } + + .sm\:left-3\/5 { + left: 60%; + } + + .sm\:top-4\/5 { + top: 80%; + } + + .sm\:right-4\/5 { + right: 80%; + } + + .sm\:bottom-4\/5 { + bottom: 80%; + } + + .sm\:left-4\/5 { + left: 80%; + } + + .sm\:top-1\/6 { + top: 16.666667%; + } + + .sm\:right-1\/6 { + right: 16.666667%; + } + + .sm\:bottom-1\/6 { + bottom: 16.666667%; + } + + .sm\:left-1\/6 { + left: 16.666667%; + } + + .sm\:top-2\/6 { + top: 33.333333%; + } + + .sm\:right-2\/6 { + right: 33.333333%; + } + + .sm\:bottom-2\/6 { + bottom: 33.333333%; + } + + .sm\:left-2\/6 { + left: 33.333333%; + } + + .sm\:top-3\/6 { + top: 50%; + } + + .sm\:right-3\/6 { + right: 50%; + } + + .sm\:bottom-3\/6 { + bottom: 50%; + } + + .sm\:left-3\/6 { + left: 50%; + } + + .sm\:top-4\/6 { + top: 66.666667%; + } + + .sm\:right-4\/6 { + right: 66.666667%; + } + + .sm\:bottom-4\/6 { + bottom: 66.666667%; + } + + .sm\:left-4\/6 { + left: 66.666667%; + } + + .sm\:top-5\/6 { + top: 83.333333%; + } + + .sm\:right-5\/6 { + right: 83.333333%; + } + + .sm\:bottom-5\/6 { + bottom: 83.333333%; + } + + .sm\:left-5\/6 { + left: 83.333333%; + } + + .sm\:top-1\/12 { + top: 8.333333%; + } + + .sm\:right-1\/12 { + right: 8.333333%; + } + + .sm\:bottom-1\/12 { + bottom: 8.333333%; + } + + .sm\:left-1\/12 { + left: 8.333333%; + } + + .sm\:top-2\/12 { + top: 16.666667%; + } + + .sm\:right-2\/12 { + right: 16.666667%; + } + + .sm\:bottom-2\/12 { + bottom: 16.666667%; + } + + .sm\:left-2\/12 { + left: 16.666667%; + } + + .sm\:top-3\/12 { + top: 25%; + } + + .sm\:right-3\/12 { + right: 25%; + } + + .sm\:bottom-3\/12 { + bottom: 25%; + } + + .sm\:left-3\/12 { + left: 25%; + } + + .sm\:top-4\/12 { + top: 33.333333%; + } + + .sm\:right-4\/12 { + right: 33.333333%; + } + + .sm\:bottom-4\/12 { + bottom: 33.333333%; + } + + .sm\:left-4\/12 { + left: 33.333333%; + } + + .sm\:top-5\/12 { + top: 41.666667%; + } + + .sm\:right-5\/12 { + right: 41.666667%; + } + + .sm\:bottom-5\/12 { + bottom: 41.666667%; + } + + .sm\:left-5\/12 { + left: 41.666667%; + } + + .sm\:top-6\/12 { + top: 50%; + } + + .sm\:right-6\/12 { + right: 50%; + } + + .sm\:bottom-6\/12 { + bottom: 50%; + } + + .sm\:left-6\/12 { + left: 50%; + } + + .sm\:top-7\/12 { + top: 58.333333%; + } + + .sm\:right-7\/12 { + right: 58.333333%; + } + + .sm\:bottom-7\/12 { + bottom: 58.333333%; + } + + .sm\:left-7\/12 { + left: 58.333333%; + } + + .sm\:top-8\/12 { + top: 66.666667%; + } + + .sm\:right-8\/12 { + right: 66.666667%; + } + + .sm\:bottom-8\/12 { + bottom: 66.666667%; + } + + .sm\:left-8\/12 { + left: 66.666667%; + } + + .sm\:top-9\/12 { + top: 75%; + } + + .sm\:right-9\/12 { + right: 75%; + } + + .sm\:bottom-9\/12 { + bottom: 75%; + } + + .sm\:left-9\/12 { + left: 75%; + } + + .sm\:top-10\/12 { + top: 83.333333%; + } + + .sm\:right-10\/12 { + right: 83.333333%; + } + + .sm\:bottom-10\/12 { + bottom: 83.333333%; + } + + .sm\:left-10\/12 { + left: 83.333333%; + } + + .sm\:top-11\/12 { + top: 91.666667%; + } + + .sm\:right-11\/12 { + right: 91.666667%; + } + + .sm\:bottom-11\/12 { + bottom: 91.666667%; + } + + .sm\:left-11\/12 { + left: 91.666667%; + } + + .sm\:top-full { + top: 100%; + } + + .sm\:right-full { + right: 100%; + } + + .sm\:bottom-full { + bottom: 100%; + } + + .sm\:left-full { + left: 100%; + } + + .sm\:resize-none { + resize: none; + } + + .sm\:resize-y { + resize: vertical; + } + + .sm\:resize-x { + resize: horizontal; + } + + .sm\:resize { + resize: both; + } + + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } + + .sm\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .sm\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .sm\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } + + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } + + .sm\:shadow-none { + box-shadow: none; + } + + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } + + .sm\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .sm\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .sm\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } + + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } + + .sm\:hover\:shadow-none:hover { + box-shadow: none; + } + + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } + + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } + + .sm\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .sm\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .sm\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } + + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } + + .sm\:focus\:shadow-none:focus { + box-shadow: none; + } + + .sm\:fill-current { + fill: currentColor; + } + + .sm\:stroke-current { + stroke: currentColor; + } + + .sm\:stroke-0 { + stroke-width: 0; + } + + .sm\:stroke-1 { + stroke-width: 1; + } + + .sm\:stroke-2 { + stroke-width: 2; + } + + .sm\:table-auto { + table-layout: auto; + } + + .sm\:table-fixed { + table-layout: fixed; + } + + .sm\:text-left { + text-align: left; + } + + .sm\:text-center { + text-align: center; + } + + .sm\:text-right { + text-align: right; + } + + .sm\:text-justify { + text-align: justify; + } + + .sm\:text-transparent { + color: transparent; + } + + .sm\:text-current { + color: currentColor; + } + + .sm\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .sm\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .sm\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .sm\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .sm\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .sm\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .sm\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .sm\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .sm\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .sm\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .sm\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .sm\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .sm\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .sm\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .sm\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .sm\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .sm\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .sm\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .sm\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .sm\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .sm\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .sm\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .sm\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .sm\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .sm\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .sm\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .sm\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .sm\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .sm\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .sm\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .sm\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .sm\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .sm\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .sm\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .sm\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .sm\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .sm\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .sm\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .sm\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .sm\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .sm\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .sm\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .sm\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .sm\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .sm\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .sm\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .sm\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .sm\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .sm\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .sm\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .sm\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .sm\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .sm\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .sm\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .sm\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .sm\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .sm\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .sm\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .sm\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .sm\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .sm\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .sm\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .sm\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .sm\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .sm\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .sm\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .sm\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .sm\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .sm\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .sm\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .sm\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .sm\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .sm\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .sm\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .sm\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .sm\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .sm\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .sm\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .sm\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .sm\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .sm\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .sm\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .sm\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .sm\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .sm\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .sm\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .sm\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .sm\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .sm\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .sm\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .sm\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .sm\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .sm\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .sm\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .sm\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .sm\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .sm\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .sm\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .sm\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .sm\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .sm\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .sm\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .sm\:hover\:text-transparent:hover { + color: transparent; + } + + .sm\:hover\:text-current:hover { + color: currentColor; + } + + .sm\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .sm\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .sm\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .sm\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .sm\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .sm\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .sm\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .sm\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .sm\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .sm\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .sm\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .sm\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .sm\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .sm\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .sm\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .sm\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .sm\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .sm\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .sm\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .sm\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .sm\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .sm\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .sm\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .sm\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .sm\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .sm\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .sm\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .sm\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .sm\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .sm\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .sm\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .sm\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .sm\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .sm\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .sm\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .sm\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .sm\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .sm\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .sm\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .sm\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .sm\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .sm\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .sm\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .sm\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .sm\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .sm\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .sm\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .sm\:focus\:text-transparent:focus { + color: transparent; + } + + .sm\:focus\:text-current:focus { + color: currentColor; + } + + .sm\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .sm\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .sm\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .sm\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .sm\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .sm\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .sm\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .sm\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .sm\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .sm\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .sm\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .sm\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .sm\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .sm\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .sm\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .sm\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .sm\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .sm\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .sm\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .sm\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .sm\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .sm\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .sm\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .sm\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .sm\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .sm\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .sm\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .sm\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .sm\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .sm\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .sm\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .sm\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .sm\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .sm\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .sm\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .sm\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .sm\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .sm\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .sm\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .sm\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .sm\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .sm\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .sm\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .sm\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .sm\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } -.focus\:translate-x-4\/5:focus { - --transform-translate-x: 80%; -} + .sm\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } -.focus\:translate-x-1\/6:focus { - --transform-translate-x: 16.666667%; -} + .sm\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } -.focus\:translate-x-2\/6:focus { - --transform-translate-x: 33.333333%; -} + .sm\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } -.focus\:translate-x-3\/6:focus { - --transform-translate-x: 50%; -} + .sm\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } -.focus\:translate-x-4\/6:focus { - --transform-translate-x: 66.666667%; -} + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } -.focus\:translate-x-5\/6:focus { - --transform-translate-x: 83.333333%; -} + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } -.focus\:translate-x-1\/12:focus { - --transform-translate-x: 8.333333%; -} + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } -.focus\:translate-x-2\/12:focus { - --transform-translate-x: 16.666667%; -} + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } -.focus\:translate-x-3\/12:focus { - --transform-translate-x: 25%; -} + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } -.focus\:translate-x-4\/12:focus { - --transform-translate-x: 33.333333%; -} + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } -.focus\:translate-x-5\/12:focus { - --transform-translate-x: 41.666667%; -} + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } -.focus\:translate-x-6\/12:focus { - --transform-translate-x: 50%; -} + .sm\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } -.focus\:translate-x-7\/12:focus { - --transform-translate-x: 58.333333%; -} + .sm\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } -.focus\:translate-x-8\/12:focus { - --transform-translate-x: 66.666667%; -} + .sm\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } -.focus\:translate-x-9\/12:focus { - --transform-translate-x: 75%; -} + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } -.focus\:translate-x-10\/12:focus { - --transform-translate-x: 83.333333%; -} + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } -.focus\:translate-x-11\/12:focus { - --transform-translate-x: 91.666667%; -} + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } -.focus\:translate-x-full:focus { - --transform-translate-x: 100%; -} + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } -.focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; -} + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } -.focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; -} + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } -.focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; -} + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } -.focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; -} + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } -.focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; -} + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } -.focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; -} + @media (prefers-color-scheme: dark) { + .sm\:dark\:text-transparent { + color: transparent; + } -.focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; -} + .sm\:dark\:text-current { + color: currentColor; + } -.focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; -} + .sm\:dark\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } -.focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; -} + .sm\:dark\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } -.focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; -} + .sm\:dark\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } -.focus\:-translate-x-11:focus { - --transform-translate-x: -2.75rem; -} + .sm\:dark\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } -.focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; -} + .sm\:dark\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } -.focus\:-translate-x-13:focus { - --transform-translate-x: -3.25rem; -} + .sm\:dark\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } -.focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; -} + .sm\:dark\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } -.focus\:-translate-x-15:focus { - --transform-translate-x: -3.75rem; -} + .sm\:dark\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } -.focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; -} + .sm\:dark\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } -.focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; -} + .sm\:dark\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } -.focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; -} + .sm\:dark\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } -.focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; -} + .sm\:dark\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } -.focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; -} + .sm\:dark\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } -.focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; -} + .sm\:dark\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } -.focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; -} + .sm\:dark\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } -.focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; -} + .sm\:dark\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } -.focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; -} + .sm\:dark\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } -.focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; -} + .sm\:dark\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } -.focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; -} + .sm\:dark\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } -.focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; -} + .sm\:dark\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } -.focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; -} + .sm\:dark\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } -.focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; -} + .sm\:dark\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } -.focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; -} + .sm\:dark\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } -.focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; -} + .sm\:dark\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } -.focus\:-translate-x-px:focus { - --transform-translate-x: -1px; -} + .sm\:dark\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } -.focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; -} + .sm\:dark\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } -.focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; -} + .sm\:dark\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } -.focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; -} + .sm\:dark\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } -.focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; -} + .sm\:dark\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } -.focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; -} + .sm\:dark\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } -.focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.33333%; -} + .sm\:dark\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } -.focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.66667%; -} + .sm\:dark\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } -.focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; -} + .sm\:dark\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } -.focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; -} + .sm\:dark\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } -.focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; -} + .sm\:dark\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } -.focus\:-translate-x-1\/5:focus { - --transform-translate-x: -20%; -} + .sm\:dark\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } -.focus\:-translate-x-2\/5:focus { - --transform-translate-x: -40%; -} + .sm\:dark\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } -.focus\:-translate-x-3\/5:focus { - --transform-translate-x: -60%; -} + .sm\:dark\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } -.focus\:-translate-x-4\/5:focus { - --transform-translate-x: -80%; -} + .sm\:dark\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } -.focus\:-translate-x-1\/6:focus { - --transform-translate-x: -16.66667%; -} + .sm\:dark\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } -.focus\:-translate-x-2\/6:focus { - --transform-translate-x: -33.33333%; -} + .sm\:dark\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } -.focus\:-translate-x-3\/6:focus { - --transform-translate-x: -50%; -} + .sm\:dark\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } -.focus\:-translate-x-4\/6:focus { - --transform-translate-x: -66.66667%; -} + .sm\:dark\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } -.focus\:-translate-x-5\/6:focus { - --transform-translate-x: -83.33333%; -} + .sm\:dark\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } -.focus\:-translate-x-1\/12:focus { - --transform-translate-x: -8.33333%; -} + .sm\:dark\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } -.focus\:-translate-x-2\/12:focus { - --transform-translate-x: -16.66667%; -} + .sm\:dark\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } -.focus\:-translate-x-3\/12:focus { - --transform-translate-x: -25%; -} + .sm\:dark\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } -.focus\:-translate-x-4\/12:focus { - --transform-translate-x: -33.33333%; -} + .sm\:dark\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } -.focus\:-translate-x-5\/12:focus { - --transform-translate-x: -41.66667%; -} + .sm\:dark\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } -.focus\:-translate-x-6\/12:focus { - --transform-translate-x: -50%; -} + .sm\:dark\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } -.focus\:-translate-x-7\/12:focus { - --transform-translate-x: -58.33333%; -} + .sm\:dark\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } -.focus\:-translate-x-8\/12:focus { - --transform-translate-x: -66.66667%; -} + .sm\:dark\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } -.focus\:-translate-x-9\/12:focus { - --transform-translate-x: -75%; -} + .sm\:dark\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } -.focus\:-translate-x-10\/12:focus { - --transform-translate-x: -83.33333%; -} + .sm\:dark\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } -.focus\:-translate-x-11\/12:focus { - --transform-translate-x: -91.66667%; -} + .sm\:dark\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } -.focus\:-translate-x-full:focus { - --transform-translate-x: -100%; -} + .sm\:dark\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } -.focus\:translate-y-0:focus { - --transform-translate-y: 0; -} + .sm\:dark\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } -.focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; -} + .sm\:dark\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } -.focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; -} + .sm\:dark\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } -.focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; -} + .sm\:dark\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } -.focus\:translate-y-4:focus { - --transform-translate-y: 1rem; -} + .sm\:dark\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } -.focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; -} + .sm\:dark\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } -.focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; -} + .sm\:dark\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } -.focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; -} + .sm\:dark\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } -.focus\:translate-y-8:focus { - --transform-translate-y: 2rem; -} + .sm\:dark\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } -.focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; -} + .sm\:dark\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } -.focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; -} + .sm\:dark\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } -.focus\:translate-y-11:focus { - --transform-translate-y: 2.75rem; -} + .sm\:dark\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } -.focus\:translate-y-12:focus { - --transform-translate-y: 3rem; -} + .sm\:dark\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } -.focus\:translate-y-13:focus { - --transform-translate-y: 3.25rem; -} + .sm\:dark\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } -.focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; -} + .sm\:dark\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } -.focus\:translate-y-15:focus { - --transform-translate-y: 3.75rem; -} + .sm\:dark\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } -.focus\:translate-y-16:focus { - --transform-translate-y: 4rem; -} + .sm\:dark\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } -.focus\:translate-y-20:focus { - --transform-translate-y: 5rem; -} + .sm\:dark\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } -.focus\:translate-y-24:focus { - --transform-translate-y: 6rem; -} + .sm\:dark\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } -.focus\:translate-y-28:focus { - --transform-translate-y: 7rem; -} + .sm\:dark\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } -.focus\:translate-y-32:focus { - --transform-translate-y: 8rem; -} + .sm\:dark\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } -.focus\:translate-y-36:focus { - --transform-translate-y: 9rem; -} + .sm\:dark\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } -.focus\:translate-y-40:focus { - --transform-translate-y: 10rem; -} + .sm\:dark\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } -.focus\:translate-y-44:focus { - --transform-translate-y: 11rem; -} + .sm\:dark\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } -.focus\:translate-y-48:focus { - --transform-translate-y: 12rem; -} + .sm\:dark\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } -.focus\:translate-y-52:focus { - --transform-translate-y: 13rem; -} + .sm\:dark\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } -.focus\:translate-y-56:focus { - --transform-translate-y: 14rem; -} + .sm\:dark\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } -.focus\:translate-y-60:focus { - --transform-translate-y: 15rem; -} + .sm\:dark\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } -.focus\:translate-y-64:focus { - --transform-translate-y: 16rem; -} + .sm\:dark\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } -.focus\:translate-y-72:focus { - --transform-translate-y: 18rem; -} + .sm\:dark\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } -.focus\:translate-y-80:focus { - --transform-translate-y: 20rem; -} + .sm\:dark\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } -.focus\:translate-y-96:focus { - --transform-translate-y: 24rem; -} + .sm\:dark\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } -.focus\:translate-y-px:focus { - --transform-translate-y: 1px; -} + .sm\:dark\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } -.focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; -} + .sm\:dark\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } -.focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; -} + .sm\:dark\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } -.focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; -} + .sm\:dark\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } -.focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; -} + .sm\:dark\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } -.focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; -} + .sm\:dark\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } -.focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; -} + .sm\:dark\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } -.focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; -} + .sm\:dark\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } -.focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; -} + .sm\:dark\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } -.focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; -} + .sm\:dark\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } -.focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; -} + .sm\:dark\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } -.focus\:translate-y-1\/5:focus { - --transform-translate-y: 20%; -} + .sm\:dark\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } -.focus\:translate-y-2\/5:focus { - --transform-translate-y: 40%; -} + .sm\:dark\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } -.focus\:translate-y-3\/5:focus { - --transform-translate-y: 60%; -} + .sm\:dark\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } -.focus\:translate-y-4\/5:focus { - --transform-translate-y: 80%; -} + .sm\:dark\:hover\:text-transparent:hover { + color: transparent; + } -.focus\:translate-y-1\/6:focus { - --transform-translate-y: 16.666667%; -} + .sm\:dark\:hover\:text-current:hover { + color: currentColor; + } -.focus\:translate-y-2\/6:focus { - --transform-translate-y: 33.333333%; -} + .sm\:dark\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } -.focus\:translate-y-3\/6:focus { - --transform-translate-y: 50%; -} + .sm\:dark\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } -.focus\:translate-y-4\/6:focus { - --transform-translate-y: 66.666667%; -} + .sm\:dark\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } -.focus\:translate-y-5\/6:focus { - --transform-translate-y: 83.333333%; -} + .sm\:dark\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } -.focus\:translate-y-1\/12:focus { - --transform-translate-y: 8.333333%; -} + .sm\:dark\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } -.focus\:translate-y-2\/12:focus { - --transform-translate-y: 16.666667%; -} + .sm\:dark\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } -.focus\:translate-y-3\/12:focus { - --transform-translate-y: 25%; -} + .sm\:dark\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } -.focus\:translate-y-4\/12:focus { - --transform-translate-y: 33.333333%; -} + .sm\:dark\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } -.focus\:translate-y-5\/12:focus { - --transform-translate-y: 41.666667%; -} + .sm\:dark\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } -.focus\:translate-y-6\/12:focus { - --transform-translate-y: 50%; -} + .sm\:dark\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } -.focus\:translate-y-7\/12:focus { - --transform-translate-y: 58.333333%; -} + .sm\:dark\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } -.focus\:translate-y-8\/12:focus { - --transform-translate-y: 66.666667%; -} + .sm\:dark\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } -.focus\:translate-y-9\/12:focus { - --transform-translate-y: 75%; -} + .sm\:dark\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } -.focus\:translate-y-10\/12:focus { - --transform-translate-y: 83.333333%; -} + .sm\:dark\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } -.focus\:translate-y-11\/12:focus { - --transform-translate-y: 91.666667%; -} + .sm\:dark\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } -.focus\:translate-y-full:focus { - --transform-translate-y: 100%; -} + .sm\:dark\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } -.focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; -} + .sm\:dark\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } -.focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; -} + .sm\:dark\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } -.focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; -} + .sm\:dark\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } -.focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; -} + .sm\:dark\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } -.focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; -} + .sm\:dark\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } -.focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; -} + .sm\:dark\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } -.focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; -} + .sm\:dark\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } -.focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; -} + .sm\:dark\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } -.focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; -} + .sm\:dark\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } -.focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; -} + .sm\:dark\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } -.focus\:-translate-y-11:focus { - --transform-translate-y: -2.75rem; -} + .sm\:dark\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } -.focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; -} + .sm\:dark\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } -.focus\:-translate-y-13:focus { - --transform-translate-y: -3.25rem; -} + .sm\:dark\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } -.focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; -} + .sm\:dark\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } -.focus\:-translate-y-15:focus { - --transform-translate-y: -3.75rem; -} + .sm\:dark\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } -.focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; -} + .sm\:dark\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } -.focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; -} + .sm\:dark\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } -.focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; -} + .sm\:dark\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } -.focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; -} + .sm\:dark\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } -.focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; -} + .sm\:dark\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } -.focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; -} + .sm\:dark\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } -.focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; -} + .sm\:dark\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } -.focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; -} + .sm\:dark\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } -.focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; -} + .sm\:dark\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } -.focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; -} + .sm\:dark\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } -.focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; -} + .sm\:dark\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } -.focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; -} + .sm\:dark\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } -.focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; -} + .sm\:dark\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } -.focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; -} + .sm\:dark\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } -.focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; -} + .sm\:dark\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } -.focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; -} + .sm\:dark\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } -.focus\:-translate-y-px:focus { - --transform-translate-y: -1px; -} + .sm\:dark\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } -.focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; -} + .sm\:dark\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } -.focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; -} + .sm\:dark\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } -.focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; -} + .sm\:dark\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } -.focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; -} + .sm\:dark\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } -.focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; -} + .sm\:dark\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } -.focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.33333%; -} + .sm\:dark\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } -.focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.66667%; -} + .sm\:dark\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } -.focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; -} + .sm\:dark\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } -.focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; -} + .sm\:dark\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } -.focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; -} + .sm\:dark\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } -.focus\:-translate-y-1\/5:focus { - --transform-translate-y: -20%; -} + .sm\:dark\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } -.focus\:-translate-y-2\/5:focus { - --transform-translate-y: -40%; -} + .sm\:dark\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } -.focus\:-translate-y-3\/5:focus { - --transform-translate-y: -60%; -} + .sm\:dark\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } -.focus\:-translate-y-4\/5:focus { - --transform-translate-y: -80%; -} + .sm\:dark\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } -.focus\:-translate-y-1\/6:focus { - --transform-translate-y: -16.66667%; -} + .sm\:dark\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } -.focus\:-translate-y-2\/6:focus { - --transform-translate-y: -33.33333%; -} + .sm\:dark\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } -.focus\:-translate-y-3\/6:focus { - --transform-translate-y: -50%; -} + .sm\:dark\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } -.focus\:-translate-y-4\/6:focus { - --transform-translate-y: -66.66667%; -} + .sm\:dark\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } -.focus\:-translate-y-5\/6:focus { - --transform-translate-y: -83.33333%; -} + .sm\:dark\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } -.focus\:-translate-y-1\/12:focus { - --transform-translate-y: -8.33333%; -} + .sm\:dark\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } -.focus\:-translate-y-2\/12:focus { - --transform-translate-y: -16.66667%; -} + .sm\:dark\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } -.focus\:-translate-y-3\/12:focus { - --transform-translate-y: -25%; -} + .sm\:dark\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } -.focus\:-translate-y-4\/12:focus { - --transform-translate-y: -33.33333%; -} + .sm\:dark\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } -.focus\:-translate-y-5\/12:focus { - --transform-translate-y: -41.66667%; -} + .sm\:dark\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } -.focus\:-translate-y-6\/12:focus { - --transform-translate-y: -50%; -} + .sm\:dark\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } -.focus\:-translate-y-7\/12:focus { - --transform-translate-y: -58.33333%; -} + .sm\:dark\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } -.focus\:-translate-y-8\/12:focus { - --transform-translate-y: -66.66667%; -} + .sm\:dark\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } -.focus\:-translate-y-9\/12:focus { - --transform-translate-y: -75%; -} + .sm\:dark\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } -.focus\:-translate-y-10\/12:focus { - --transform-translate-y: -83.33333%; -} + .sm\:dark\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } -.focus\:-translate-y-11\/12:focus { - --transform-translate-y: -91.66667%; -} + .sm\:dark\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } -.focus\:-translate-y-full:focus { - --transform-translate-y: -100%; -} + .sm\:dark\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } -.skew-x-0 { - --transform-skew-x: 0; -} + .sm\:dark\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } -.skew-x-3 { - --transform-skew-x: 3deg; -} + .sm\:dark\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } -.skew-x-6 { - --transform-skew-x: 6deg; -} + .sm\:dark\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } -.skew-x-12 { - --transform-skew-x: 12deg; -} + .sm\:dark\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } -.-skew-x-12 { - --transform-skew-x: -12deg; -} + .sm\:dark\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } -.-skew-x-6 { - --transform-skew-x: -6deg; -} + .sm\:dark\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } -.-skew-x-3 { - --transform-skew-x: -3deg; -} + .sm\:dark\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } -.skew-y-0 { - --transform-skew-y: 0; -} + .sm\:dark\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } -.skew-y-3 { - --transform-skew-y: 3deg; -} + .sm\:dark\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } -.skew-y-6 { - --transform-skew-y: 6deg; -} + .sm\:dark\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } -.skew-y-12 { - --transform-skew-y: 12deg; -} + .sm\:dark\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } -.-skew-y-12 { - --transform-skew-y: -12deg; -} + .sm\:dark\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } -.-skew-y-6 { - --transform-skew-y: -6deg; -} + .sm\:dark\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } -.-skew-y-3 { - --transform-skew-y: -3deg; -} + .sm\:dark\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } -.hover\:skew-x-0:hover { - --transform-skew-x: 0; -} + .sm\:dark\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } -.hover\:skew-x-3:hover { - --transform-skew-x: 3deg; -} + .sm\:dark\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } -.hover\:skew-x-6:hover { - --transform-skew-x: 6deg; -} + .sm\:dark\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } -.hover\:skew-x-12:hover { - --transform-skew-x: 12deg; -} + .sm\:dark\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } -.hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; -} + .sm\:dark\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } -.hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; -} + .sm\:dark\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } -.hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; -} + .sm\:dark\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } -.hover\:skew-y-0:hover { - --transform-skew-y: 0; -} + .sm\:dark\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } -.hover\:skew-y-3:hover { - --transform-skew-y: 3deg; -} + .sm\:dark\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } -.hover\:skew-y-6:hover { - --transform-skew-y: 6deg; -} + .sm\:dark\:focus\:text-transparent:focus { + color: transparent; + } -.hover\:skew-y-12:hover { - --transform-skew-y: 12deg; -} + .sm\:dark\:focus\:text-current:focus { + color: currentColor; + } -.hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; -} + .sm\:dark\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } -.hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; -} + .sm\:dark\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } -.hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; -} + .sm\:dark\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } -.focus\:skew-x-0:focus { - --transform-skew-x: 0; -} + .sm\:dark\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } -.focus\:skew-x-3:focus { - --transform-skew-x: 3deg; -} + .sm\:dark\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } -.focus\:skew-x-6:focus { - --transform-skew-x: 6deg; -} + .sm\:dark\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } -.focus\:skew-x-12:focus { - --transform-skew-x: 12deg; -} + .sm\:dark\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } -.focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; -} + .sm\:dark\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } -.focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; -} + .sm\:dark\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } -.focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; -} + .sm\:dark\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } -.focus\:skew-y-0:focus { - --transform-skew-y: 0; -} + .sm\:dark\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } -.focus\:skew-y-3:focus { - --transform-skew-y: 3deg; -} + .sm\:dark\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } -.focus\:skew-y-6:focus { - --transform-skew-y: 6deg; -} + .sm\:dark\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } -.focus\:skew-y-12:focus { - --transform-skew-y: 12deg; -} + .sm\:dark\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } -.focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; -} + .sm\:dark\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } -.focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; -} + .sm\:dark\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } -.focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; -} + .sm\:dark\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } -.transition-none { - transition-property: none; -} + .sm\:dark\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } -.transition-all { - transition-property: all; -} + .sm\:dark\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } -.transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; -} + .sm\:dark\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } -.transition-colors { - transition-property: background-color, border-color, color, fill, stroke; -} + .sm\:dark\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } -.transition-opacity { - transition-property: opacity; -} + .sm\:dark\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } -.transition-shadow { - transition-property: box-shadow; -} + .sm\:dark\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } -.transition-transform { - transition-property: transform; -} + .sm\:dark\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } -.ease-linear { - transition-timing-function: linear; -} + .sm\:dark\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); -} + .sm\:dark\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } -.ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -} + .sm\:dark\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} + .sm\:dark\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } -.duration-75 { - transition-duration: 75ms; -} + .sm\:dark\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } -.duration-100 { - transition-duration: 100ms; -} + .sm\:dark\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } -.duration-150 { - transition-duration: 150ms; -} + .sm\:dark\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } -.duration-200 { - transition-duration: 200ms; -} + .sm\:dark\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } -.duration-300 { - transition-duration: 300ms; -} + .sm\:dark\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } -.duration-500 { - transition-duration: 500ms; -} + .sm\:dark\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } -.duration-700 { - transition-duration: 700ms; -} + .sm\:dark\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } -.duration-1000 { - transition-duration: 1000ms; -} + .sm\:dark\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } -.delay-75 { - transition-delay: 75ms; -} + .sm\:dark\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } -.delay-100 { - transition-delay: 100ms; -} + .sm\:dark\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } -.delay-150 { - transition-delay: 150ms; -} + .sm\:dark\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } -.delay-200 { - transition-delay: 200ms; -} + .sm\:dark\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } -.delay-300 { - transition-delay: 300ms; -} + .sm\:dark\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } -.delay-500 { - transition-delay: 500ms; -} + .sm\:dark\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } -.delay-700 { - transition-delay: 700ms; -} + .sm\:dark\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } -.delay-1000 { - transition-delay: 1000ms; -} + .sm\:dark\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } -@keyframes spin { - to { - transform: rotate(360deg); - } -} + .sm\:dark\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } -@keyframes ping { - 75%, 100% { - transform: scale(2); - opacity: 0; - } -} + .sm\:dark\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } -@keyframes pulse { - 50% { - opacity: .5; - } -} + .sm\:dark\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } -@keyframes bounce { - 0%, 100% { - transform: translateY(-25%); - animation-timing-function: cubic-bezier(0.8,0,1,1); - } + .sm\:dark\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - 50% { - transform: none; - animation-timing-function: cubic-bezier(0,0,0.2,1); - } -} + .sm\:dark\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } -.animate-none { - animation: none; -} + .sm\:dark\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } -.animate-spin { - animation: spin 1s linear infinite; -} + .sm\:dark\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } -.animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; -} + .sm\:dark\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } -.animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; -} + .sm\:dark\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } -.animate-bounce { - animation: bounce 1s infinite; -} + .sm\:dark\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } -.example { - font-weight: 700; - color: #f05252; -} + .sm\:dark\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } -@media (min-width: 640px) { - .sm\:container { - width: 100%; - } + .sm\:dark\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - @media (min-width: 640px) { - .sm\:container { - max-width: 640px; + .sm\:dark\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - } - @media (min-width: 768px) { - .sm\:container { - max-width: 768px; + .sm\:dark\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - } - @media (min-width: 1024px) { - .sm\:container { - max-width: 1024px; + .sm\:dark\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - } - @media (min-width: 1280px) { - .sm\:container { - max-width: 1280px; + .sm\:dark\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - } - .sm\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0px * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .sm\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0px * var(--space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .sm\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.25rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .sm\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.25rem * var(--space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .sm\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.5rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .sm\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.5rem * var(--space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .sm\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.75rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .sm\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.75rem * var(--space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .sm\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .sm\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1rem * var(--space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .sm\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.25rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .sm\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.25rem * var(--space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .sm\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.5rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .sm\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.5rem * var(--space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .sm\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.75rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .sm\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.75rem * var(--space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .sm\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .sm\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2rem * var(--space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .sm\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.25rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .sm\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.25rem * var(--space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .sm\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.5rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .sm\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.5rem * var(--space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .sm\:space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.75rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .sm\:space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.75rem * var(--space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .sm\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .sm\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3rem * var(--space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .sm\:space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.25rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .sm\:space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.25rem * var(--space-x-reverse)); - margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .sm\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.5rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .sm\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.5rem * var(--space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .sm\:space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.75rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .sm\:space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.75rem * var(--space-x-reverse)); - margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .sm\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(4rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .sm\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(4rem * var(--space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .sm\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(5rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .sm\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(5rem * var(--space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .sm\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(6rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .sm\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(6rem * var(--space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .sm\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(7rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .sm\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(7rem * var(--space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); - } + .sm\:dark\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .sm\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8rem * var(--space-y-reverse)); - } + .sm\:dark\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .sm\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8rem * var(--space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); + .sm\:dark\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } } - .sm\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(9rem * var(--space-y-reverse)); + .sm\:text-opacity-0 { + --text-opacity: 0; } - .sm\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(9rem * var(--space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); + .sm\:text-opacity-25 { + --text-opacity: 0.25; } - .sm\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(10rem * var(--space-y-reverse)); + .sm\:text-opacity-50 { + --text-opacity: 0.5; } - .sm\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(10rem * var(--space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); + .sm\:text-opacity-75 { + --text-opacity: 0.75; } - .sm\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(11rem * var(--space-y-reverse)); + .sm\:text-opacity-100 { + --text-opacity: 1; } - .sm\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(11rem * var(--space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .sm\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(12rem * var(--space-y-reverse)); + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .sm\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(12rem * var(--space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .sm\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(13rem * var(--space-y-reverse)); + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .sm\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(13rem * var(--space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .sm\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(14rem * var(--space-y-reverse)); + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .sm\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(14rem * var(--space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .sm\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(15rem * var(--space-y-reverse)); + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .sm\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(15rem * var(--space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .sm\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16rem * var(--space-y-reverse)); + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .sm\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16rem * var(--space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); + .sm\:italic { + font-style: italic; } - .sm\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(18rem * var(--space-y-reverse)); + .sm\:not-italic { + font-style: normal; } - .sm\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(18rem * var(--space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); + .sm\:uppercase { + text-transform: uppercase; } - .sm\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20rem * var(--space-y-reverse)); + .sm\:lowercase { + text-transform: lowercase; } - .sm\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20rem * var(--space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); + .sm\:capitalize { + text-transform: capitalize; } - .sm\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(24rem * var(--space-y-reverse)); + .sm\:normal-case { + text-transform: none; } - .sm\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(24rem * var(--space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); + .sm\:underline { + text-decoration: underline; } - .sm\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1px * var(--space-y-reverse)); + .sm\:line-through { + text-decoration: line-through; } - .sm\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1px * var(--space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--space-x-reverse))); + .sm\:no-underline { + text-decoration: none; } - .sm\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.125rem * var(--space-y-reverse)); + .sm\:hover\:underline:hover { + text-decoration: underline; } - .sm\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.125rem * var(--space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .sm\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.375rem * var(--space-y-reverse)); + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .sm\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.375rem * var(--space-x-reverse)); - margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .sm\:focus\:underline:focus { + text-decoration: underline; } - .sm\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.625rem * var(--space-y-reverse)); + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .sm\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.625rem * var(--space-x-reverse)); - margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .sm\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.875rem * var(--space-y-reverse)); + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .sm\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.875rem * var(--space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .sm\:space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .sm\:space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .sm\:space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .sm\:tracking-normal { + letter-spacing: 0; } - .sm\:space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .sm\:space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .sm\:space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .sm\:space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .sm\:select-none { + user-select: none; } - .sm\:space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .sm\:select-text { + user-select: text; } - .sm\:space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .sm\:select-all { + user-select: all; } - .sm\:space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .sm\:select-auto { + user-select: auto; } - .sm\:space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .sm\:align-baseline { + vertical-align: baseline; } - .sm\:space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .sm\:align-top { + vertical-align: top; } - .sm\:space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20% * var(--space-y-reverse)); + .sm\:align-middle { + vertical-align: middle; } - .sm\:space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20% * var(--space-x-reverse)); - margin-left: calc(20% * calc(1 - var(--space-x-reverse))); + .sm\:align-bottom { + vertical-align: bottom; } - .sm\:space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(40% * var(--space-y-reverse)); + .sm\:align-text-top { + vertical-align: text-top; } - .sm\:space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(40% * var(--space-x-reverse)); - margin-left: calc(40% * calc(1 - var(--space-x-reverse))); + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .sm\:space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(60% * var(--space-y-reverse)); + .sm\:visible { + visibility: visible; } - .sm\:space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(60% * var(--space-x-reverse)); - margin-left: calc(60% * calc(1 - var(--space-x-reverse))); + .sm\:invisible { + visibility: hidden; } - .sm\:space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(80% * var(--space-y-reverse)); + .sm\:whitespace-normal { + white-space: normal; } - .sm\:space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(80% * var(--space-x-reverse)); - margin-left: calc(80% * calc(1 - var(--space-x-reverse))); + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .sm\:space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .sm\:whitespace-pre { + white-space: pre; } - .sm\:space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .sm\:whitespace-pre-line { + white-space: pre-line; } - .sm\:space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .sm\:space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .sm\:space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .sm\:break-words { + overflow-wrap: break-word; } - .sm\:space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .sm\:break-all { + word-break: break-all; } - .sm\:space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .sm\:space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .sm\:w-0 { + width: 0; } - .sm\:space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .sm\:w-1 { + width: 0.25rem; } - .sm\:space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .sm\:w-2 { + width: 0.5rem; } - .sm\:space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8.333333% * var(--space-y-reverse)); + .sm\:w-3 { + width: 0.75rem; } - .sm\:space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8.333333% * var(--space-x-reverse)); - margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); + .sm\:w-4 { + width: 1rem; } - .sm\:space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .sm\:w-5 { + width: 1.25rem; } - .sm\:space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .sm\:w-6 { + width: 1.5rem; } - .sm\:space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .sm\:w-7 { + width: 1.75rem; } - .sm\:space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .sm\:w-8 { + width: 2rem; } - .sm\:space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .sm\:w-9 { + width: 2.25rem; } - .sm\:space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .sm\:w-10 { + width: 2.5rem; } - .sm\:space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(41.666667% * var(--space-y-reverse)); + .sm\:w-11 { + width: 2.75rem; } - .sm\:space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(41.666667% * var(--space-x-reverse)); - margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); + .sm\:w-12 { + width: 3rem; } - .sm\:space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .sm\:w-13 { + width: 3.25rem; } - .sm\:space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .sm\:w-14 { + width: 3.5rem; } - .sm\:space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(58.333333% * var(--space-y-reverse)); + .sm\:w-15 { + width: 3.75rem; } - .sm\:space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(58.333333% * var(--space-x-reverse)); - margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); + .sm\:w-16 { + width: 4rem; } - .sm\:space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .sm\:w-20 { + width: 5rem; } - .sm\:space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .sm\:w-24 { + width: 6rem; } - .sm\:space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .sm\:w-28 { + width: 7rem; } - .sm\:space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .sm\:w-32 { + width: 8rem; } - .sm\:space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .sm\:w-36 { + width: 9rem; } - .sm\:space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .sm\:w-40 { + width: 10rem; } - .sm\:space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(91.666667% * var(--space-y-reverse)); + .sm\:w-44 { + width: 11rem; } - .sm\:space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(91.666667% * var(--space-x-reverse)); - margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); + .sm\:w-48 { + width: 12rem; } - .sm\:space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(100% * var(--space-y-reverse)); + .sm\:w-52 { + width: 13rem; } - .sm\:space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(100% * var(--space-x-reverse)); - margin-left: calc(100% * calc(1 - var(--space-x-reverse))); + .sm\:w-56 { + width: 14rem; } - .sm\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + .sm\:w-60 { + width: 15rem; } - .sm\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.25rem * var(--space-x-reverse)); - margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .sm\:w-64 { + width: 16rem; } - .sm\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.5rem * var(--space-y-reverse)); + .sm\:w-72 { + width: 18rem; } - .sm\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.5rem * var(--space-x-reverse)); - margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .sm\:w-80 { + width: 20rem; } - .sm\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.75rem * var(--space-y-reverse)); + .sm\:w-96 { + width: 24rem; } - .sm\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.75rem * var(--space-x-reverse)); - margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .sm\:w-auto { + width: auto; } - .sm\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1rem * var(--space-y-reverse)); + .sm\:w-px { + width: 1px; } - .sm\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1rem * var(--space-x-reverse)); - margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); + .sm\:w-0\.5 { + width: 0.125rem; } - .sm\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--space-y-reverse)); + .sm\:w-1\.5 { + width: 0.375rem; } - .sm\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .sm\:w-2\.5 { + width: 0.625rem; } - .sm\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.5rem * var(--space-y-reverse)); + .sm\:w-3\.5 { + width: 0.875rem; } - .sm\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.5rem * var(--space-x-reverse)); - margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .sm\:w-1\/2 { + width: 50%; } - .sm\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--space-y-reverse)); + .sm\:w-1\/3 { + width: 33.333333%; } - .sm\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .sm\:w-2\/3 { + width: 66.666667%; } - .sm\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2rem * var(--space-y-reverse)); + .sm\:w-1\/4 { + width: 25%; } - .sm\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2rem * var(--space-x-reverse)); - margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); + .sm\:w-2\/4 { + width: 50%; } - .sm\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--space-y-reverse)); + .sm\:w-3\/4 { + width: 75%; } - .sm\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .sm\:w-1\/5 { + width: 20%; } - .sm\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.5rem * var(--space-y-reverse)); + .sm\:w-2\/5 { + width: 40%; } - .sm\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .sm\:w-3\/5 { + width: 60%; } - .sm\:-space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--space-y-reverse)); + .sm\:w-4\/5 { + width: 80%; } - .sm\:-space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); + .sm\:w-1\/6 { + width: 16.666667%; } - .sm\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3rem * var(--space-y-reverse)); + .sm\:w-2\/6 { + width: 33.333333%; } - .sm\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3rem * var(--space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + .sm\:w-3\/6 { + width: 50%; } - .sm\:-space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.25rem * var(--space-y-reverse)); + .sm\:w-4\/6 { + width: 66.666667%; } - .sm\:-space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.25rem * var(--space-x-reverse)); - margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); + .sm\:w-5\/6 { + width: 83.333333%; } - .sm\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--space-y-reverse)); + .sm\:w-1\/12 { + width: 8.333333%; } - .sm\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .sm\:w-2\/12 { + width: 16.666667%; } - .sm\:-space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.75rem * var(--space-y-reverse)); + .sm\:w-3\/12 { + width: 25%; } - .sm\:-space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.75rem * var(--space-x-reverse)); - margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); + .sm\:w-4\/12 { + width: 33.333333%; } - .sm\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-4rem * var(--space-y-reverse)); + .sm\:w-5\/12 { + width: 41.666667%; } - .sm\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-4rem * var(--space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + .sm\:w-6\/12 { + width: 50%; } - .sm\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-5rem * var(--space-y-reverse)); + .sm\:w-7\/12 { + width: 58.333333%; } - .sm\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-5rem * var(--space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + .sm\:w-8\/12 { + width: 66.666667%; } - .sm\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-6rem * var(--space-y-reverse)); + .sm\:w-9\/12 { + width: 75%; } - .sm\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-6rem * var(--space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + .sm\:w-10\/12 { + width: 83.333333%; } - .sm\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-7rem * var(--space-y-reverse)); + .sm\:w-11\/12 { + width: 91.666667%; } - .sm\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-7rem * var(--space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); + .sm\:w-full { + width: 100%; } - .sm\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8rem * var(--space-y-reverse)); + .sm\:w-screen { + width: 100vw; } - .sm\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8rem * var(--space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + .sm\:w-min-content { + width: min-content; } - .sm\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-9rem * var(--space-y-reverse)); + .sm\:w-max-content { + width: max-content; } - .sm\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-9rem * var(--space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); + .sm\:z-0 { + z-index: 0; } - .sm\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-10rem * var(--space-y-reverse)); + .sm\:z-10 { + z-index: 10; } - .sm\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-10rem * var(--space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + .sm\:z-20 { + z-index: 20; } - .sm\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-11rem * var(--space-y-reverse)); + .sm\:z-30 { + z-index: 30; } - .sm\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-11rem * var(--space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); + .sm\:z-40 { + z-index: 40; } - .sm\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-12rem * var(--space-y-reverse)); + .sm\:z-50 { + z-index: 50; } - .sm\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-12rem * var(--space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + .sm\:z-auto { + z-index: auto; } - .sm\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-13rem * var(--space-y-reverse)); + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .sm\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-13rem * var(--space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .sm\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-14rem * var(--space-y-reverse)); + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .sm\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-14rem * var(--space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .sm\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-15rem * var(--space-y-reverse)); + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .sm\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-15rem * var(--space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .sm\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16rem * var(--space-y-reverse)); + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .sm\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16rem * var(--space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .sm\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-18rem * var(--space-y-reverse)); + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .sm\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-18rem * var(--space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .sm\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20rem * var(--space-y-reverse)); + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .sm\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20rem * var(--space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-11 { + grid-gap: 2.75rem; + gap: 2.75rem; } - .sm\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-24rem * var(--space-y-reverse)); + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .sm\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-24rem * var(--space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-13 { + grid-gap: 3.25rem; + gap: 3.25rem; } - .sm\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1px * var(--space-y-reverse)); + .sm\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .sm\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1px * var(--space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + .sm\:gap-15 { + grid-gap: 3.75rem; + gap: 3.75rem; } - .sm\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.125rem * var(--space-y-reverse)); + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .sm\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.375rem * var(--space-y-reverse)); + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.375rem * var(--space-x-reverse)); - margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .sm\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.625rem * var(--space-y-reverse)); + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.625rem * var(--space-x-reverse)); - margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .sm\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--space-y-reverse)); + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .sm\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .sm\:-space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .sm\:-space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .sm\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .sm\:-space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .sm\:-space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .sm\:-space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .sm\:-space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .sm\:-space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .sm\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .sm\:-space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .sm\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .sm\:-space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .sm\:-space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .sm\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .sm\:-space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .sm\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .sm\:-space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .sm\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .sm\:-space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20% * var(--space-y-reverse)); + .sm\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .sm\:-space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20% * var(--space-x-reverse)); - margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); + .sm\:gap-1\/2 { + grid-gap: 50%; + gap: 50%; } - .sm\:-space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-40% * var(--space-y-reverse)); + .sm\:gap-1\/3 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .sm\:-space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-40% * var(--space-x-reverse)); - margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); + .sm\:gap-2\/3 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .sm\:-space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-60% * var(--space-y-reverse)); + .sm\:gap-1\/4 { + grid-gap: 25%; + gap: 25%; } - .sm\:-space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-60% * var(--space-x-reverse)); - margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); + .sm\:gap-2\/4 { + grid-gap: 50%; + gap: 50%; } - .sm\:-space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-80% * var(--space-y-reverse)); + .sm\:gap-3\/4 { + grid-gap: 75%; + gap: 75%; } - .sm\:-space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-80% * var(--space-x-reverse)); - margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); + .sm\:gap-1\/5 { + grid-gap: 20%; + gap: 20%; } - .sm\:-space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .sm\:gap-2\/5 { + grid-gap: 40%; + gap: 40%; } - .sm\:-space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-3\/5 { + grid-gap: 60%; + gap: 60%; } - .sm\:-space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .sm\:gap-4\/5 { + grid-gap: 80%; + gap: 80%; } - .sm\:-space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-1\/6 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .sm\:-space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .sm\:gap-2\/6 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .sm\:-space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .sm\:gap-3\/6 { + grid-gap: 50%; + gap: 50%; } - .sm\:-space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .sm\:gap-4\/6 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .sm\:-space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-5\/6 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .sm\:-space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .sm\:gap-1\/12 { + grid-gap: 8.333333%; + gap: 8.333333%; } - .sm\:-space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-2\/12 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .sm\:-space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8.33333% * var(--space-y-reverse)); + .sm\:gap-3\/12 { + grid-gap: 25%; + gap: 25%; } - .sm\:-space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8.33333% * var(--space-x-reverse)); - margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-4\/12 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .sm\:-space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .sm\:gap-5\/12 { + grid-gap: 41.666667%; + gap: 41.666667%; } - .sm\:-space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-6\/12 { + grid-gap: 50%; + gap: 50%; } - .sm\:-space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .sm\:gap-7\/12 { + grid-gap: 58.333333%; + gap: 58.333333%; } - .sm\:-space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .sm\:gap-8\/12 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .sm\:-space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .sm\:gap-9\/12 { + grid-gap: 75%; + gap: 75%; } - .sm\:-space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-10\/12 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .sm\:-space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-41.66667% * var(--space-y-reverse)); + .sm\:gap-11\/12 { + grid-gap: 91.666667%; + gap: 91.666667%; } - .sm\:-space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-41.66667% * var(--space-x-reverse)); - margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-full { + grid-gap: 100%; + gap: 100%; } - .sm\:-space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .sm\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .sm\:-space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .sm\:-space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-58.33333% * var(--space-y-reverse)); + .sm\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .sm\:-space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-58.33333% * var(--space-x-reverse)); - margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .sm\:-space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .sm\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .sm\:-space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .sm\:-space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .sm\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .sm\:-space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .sm\:-space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .sm\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .sm\:-space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .sm\:-space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-91.66667% * var(--space-y-reverse)); + .sm\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .sm\:-space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-91.66667% * var(--space-x-reverse)); - margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-11 { + grid-column-gap: 2.75rem; + column-gap: 2.75rem; } - .sm\:-space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-100% * var(--space-y-reverse)); + .sm\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .sm\:-space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-100% * var(--space-x-reverse)); - margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); + .sm\:gap-x-13 { + grid-column-gap: 3.25rem; + column-gap: 3.25rem; } - .sm\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .sm\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .sm\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .sm\:gap-x-15 { + grid-column-gap: 3.75rem; + column-gap: 3.75rem; } - .sm\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(0px * var(--divide-y-reverse)); + .sm\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .sm\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(0px * var(--divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .sm\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .sm\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(2px * var(--divide-y-reverse)); + .sm\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .sm\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(2px * var(--divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .sm\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .sm\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(4px * var(--divide-y-reverse)); + .sm\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .sm\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(4px * var(--divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .sm\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .sm\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(8px * var(--divide-y-reverse)); + .sm\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .sm\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(8px * var(--divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .sm\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .sm\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(1px * var(--divide-y-reverse)); + .sm\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .sm\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(1px * var(--divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .sm\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .sm\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .sm\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .sm\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .sm\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .sm\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .sm\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .sm\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .sm\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .sm\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .sm\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .sm\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .sm\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .sm\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--divide-opacity)); + .sm\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .sm\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--divide-opacity)); + .sm\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .sm\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--divide-opacity)); + .sm\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .sm\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--divide-opacity)); + .sm\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .sm\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--divide-opacity)); + .sm\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .sm\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--divide-opacity)); + .sm\:gap-x-1\/2 { + grid-column-gap: 50%; + column-gap: 50%; } - .sm\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--divide-opacity)); + .sm\:gap-x-1\/3 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .sm\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--divide-opacity)); + .sm\:gap-x-2\/3 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .sm\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--divide-opacity)); + .sm\:gap-x-1\/4 { + grid-column-gap: 25%; + column-gap: 25%; } - .sm\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--divide-opacity)); + .sm\:gap-x-2\/4 { + grid-column-gap: 50%; + column-gap: 50%; } - .sm\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--divide-opacity)); + .sm\:gap-x-3\/4 { + grid-column-gap: 75%; + column-gap: 75%; } - .sm\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--divide-opacity)); + .sm\:gap-x-1\/5 { + grid-column-gap: 20%; + column-gap: 20%; } - .sm\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--divide-opacity)); + .sm\:gap-x-2\/5 { + grid-column-gap: 40%; + column-gap: 40%; } - .sm\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--divide-opacity)); + .sm\:gap-x-3\/5 { + grid-column-gap: 60%; + column-gap: 60%; } - .sm\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--divide-opacity)); + .sm\:gap-x-4\/5 { + grid-column-gap: 80%; + column-gap: 80%; } - .sm\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--divide-opacity)); + .sm\:gap-x-1\/6 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .sm\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--divide-opacity)); + .sm\:gap-x-2\/6 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .sm\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--divide-opacity)); + .sm\:gap-x-3\/6 { + grid-column-gap: 50%; + column-gap: 50%; } - .sm\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--divide-opacity)); + .sm\:gap-x-4\/6 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .sm\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--divide-opacity)); + .sm\:gap-x-5\/6 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .sm\:divide-orange-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--divide-opacity)); + .sm\:gap-x-1\/12 { + grid-column-gap: 8.333333%; + column-gap: 8.333333%; } - .sm\:divide-orange-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--divide-opacity)); + .sm\:gap-x-2\/12 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .sm\:divide-orange-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--divide-opacity)); + .sm\:gap-x-3\/12 { + grid-column-gap: 25%; + column-gap: 25%; } - .sm\:divide-orange-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--divide-opacity)); + .sm\:gap-x-4\/12 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .sm\:divide-orange-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--divide-opacity)); + .sm\:gap-x-5\/12 { + grid-column-gap: 41.666667%; + column-gap: 41.666667%; } - .sm\:divide-orange-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--divide-opacity)); + .sm\:gap-x-6\/12 { + grid-column-gap: 50%; + column-gap: 50%; } - .sm\:divide-orange-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--divide-opacity)); + .sm\:gap-x-7\/12 { + grid-column-gap: 58.333333%; + column-gap: 58.333333%; } - .sm\:divide-orange-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--divide-opacity)); + .sm\:gap-x-8\/12 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .sm\:divide-orange-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--divide-opacity)); + .sm\:gap-x-9\/12 { + grid-column-gap: 75%; + column-gap: 75%; } - .sm\:divide-orange-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--divide-opacity)); + .sm\:gap-x-10\/12 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .sm\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--divide-opacity)); + .sm\:gap-x-11\/12 { + grid-column-gap: 91.666667%; + column-gap: 91.666667%; } - .sm\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--divide-opacity)); + .sm\:gap-x-full { + grid-column-gap: 100%; + column-gap: 100%; } - .sm\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--divide-opacity)); + .sm\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .sm\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--divide-opacity)); + .sm\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .sm\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--divide-opacity)); + .sm\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .sm\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--divide-opacity)); + .sm\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .sm\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--divide-opacity)); + .sm\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .sm\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--divide-opacity)); + .sm\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .sm\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--divide-opacity)); + .sm\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .sm\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--divide-opacity)); + .sm\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .sm\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--divide-opacity)); + .sm\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .sm\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--divide-opacity)); + .sm\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .sm\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--divide-opacity)); + .sm\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .sm\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--divide-opacity)); + .sm\:gap-y-11 { + grid-row-gap: 2.75rem; + row-gap: 2.75rem; } - .sm\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--divide-opacity)); + .sm\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .sm\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--divide-opacity)); + .sm\:gap-y-13 { + grid-row-gap: 3.25rem; + row-gap: 3.25rem; } - .sm\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--divide-opacity)); + .sm\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .sm\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--divide-opacity)); + .sm\:gap-y-15 { + grid-row-gap: 3.75rem; + row-gap: 3.75rem; } - .sm\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--divide-opacity)); + .sm\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .sm\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--divide-opacity)); + .sm\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .sm\:divide-teal-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--divide-opacity)); + .sm\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .sm\:divide-teal-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--divide-opacity)); + .sm\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .sm\:divide-teal-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--divide-opacity)); + .sm\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .sm\:divide-teal-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--divide-opacity)); + .sm\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .sm\:divide-teal-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--divide-opacity)); + .sm\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .sm\:divide-teal-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--divide-opacity)); + .sm\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .sm\:divide-teal-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--divide-opacity)); + .sm\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .sm\:divide-teal-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--divide-opacity)); + .sm\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .sm\:divide-teal-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--divide-opacity)); + .sm\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .sm\:divide-teal-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--divide-opacity)); + .sm\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .sm\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--divide-opacity)); + .sm\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .sm\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--divide-opacity)); + .sm\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .sm\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--divide-opacity)); + .sm\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .sm\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--divide-opacity)); + .sm\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .sm\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--divide-opacity)); + .sm\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .sm\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--divide-opacity)); + .sm\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .sm\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--divide-opacity)); + .sm\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .sm\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--divide-opacity)); + .sm\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .sm\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--divide-opacity)); + .sm\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .sm\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--divide-opacity)); + .sm\:gap-y-1\/2 { + grid-row-gap: 50%; + row-gap: 50%; } - .sm\:divide-indigo-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--divide-opacity)); + .sm\:gap-y-1\/3 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .sm\:divide-indigo-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--divide-opacity)); + .sm\:gap-y-2\/3 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .sm\:divide-indigo-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--divide-opacity)); + .sm\:gap-y-1\/4 { + grid-row-gap: 25%; + row-gap: 25%; } - .sm\:divide-indigo-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--divide-opacity)); + .sm\:gap-y-2\/4 { + grid-row-gap: 50%; + row-gap: 50%; } - .sm\:divide-indigo-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--divide-opacity)); + .sm\:gap-y-3\/4 { + grid-row-gap: 75%; + row-gap: 75%; } - .sm\:divide-indigo-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--divide-opacity)); + .sm\:gap-y-1\/5 { + grid-row-gap: 20%; + row-gap: 20%; } - .sm\:divide-indigo-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--divide-opacity)); + .sm\:gap-y-2\/5 { + grid-row-gap: 40%; + row-gap: 40%; } - .sm\:divide-indigo-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--divide-opacity)); + .sm\:gap-y-3\/5 { + grid-row-gap: 60%; + row-gap: 60%; } - .sm\:divide-indigo-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--divide-opacity)); + .sm\:gap-y-4\/5 { + grid-row-gap: 80%; + row-gap: 80%; } - .sm\:divide-indigo-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--divide-opacity)); + .sm\:gap-y-1\/6 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .sm\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--divide-opacity)); + .sm\:gap-y-2\/6 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .sm\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--divide-opacity)); + .sm\:gap-y-3\/6 { + grid-row-gap: 50%; + row-gap: 50%; } - .sm\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--divide-opacity)); + .sm\:gap-y-4\/6 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .sm\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--divide-opacity)); + .sm\:gap-y-5\/6 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .sm\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--divide-opacity)); + .sm\:gap-y-1\/12 { + grid-row-gap: 8.333333%; + row-gap: 8.333333%; } - .sm\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--divide-opacity)); + .sm\:gap-y-2\/12 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .sm\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--divide-opacity)); + .sm\:gap-y-3\/12 { + grid-row-gap: 25%; + row-gap: 25%; } - .sm\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--divide-opacity)); + .sm\:gap-y-4\/12 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .sm\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--divide-opacity)); + .sm\:gap-y-5\/12 { + grid-row-gap: 41.666667%; + row-gap: 41.666667%; } - .sm\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--divide-opacity)); + .sm\:gap-y-6\/12 { + grid-row-gap: 50%; + row-gap: 50%; } - .sm\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .sm\:gap-y-7\/12 { + grid-row-gap: 58.333333%; + row-gap: 58.333333%; } - .sm\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--divide-opacity)); + .sm\:gap-y-8\/12 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .sm\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--divide-opacity)); + .sm\:gap-y-9\/12 { + grid-row-gap: 75%; + row-gap: 75%; } - .sm\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--divide-opacity)); + .sm\:gap-y-10\/12 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .sm\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--divide-opacity)); + .sm\:gap-y-11\/12 { + grid-row-gap: 91.666667%; + row-gap: 91.666667%; } - .sm\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--divide-opacity)); + .sm\:gap-y-full { + grid-row-gap: 100%; + row-gap: 100%; } - .sm\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--divide-opacity)); + .sm\:grid-flow-row { + grid-auto-flow: row; } - .sm\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--divide-opacity)); + .sm\:grid-flow-col { + grid-auto-flow: column; } - .sm\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--divide-opacity)); + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .sm\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--divide-opacity)); + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .sm\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .sm\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .sm\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .sm\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .sm\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .sm\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .sm\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .sm\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .sm\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .sm\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .sm\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .sm\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:grid-cols-none { + grid-template-columns: none; } - .sm\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:col-auto { + grid-column: auto; } - .sm\:appearance-none { - appearance: none; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .sm\:bg-fixed { - background-attachment: fixed; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .sm\:bg-local { - background-attachment: local; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .sm\:bg-scroll { - background-attachment: scroll; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .sm\:bg-clip-border { - background-clip: border-box; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .sm\:bg-clip-padding { - background-clip: padding-box; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .sm\:bg-clip-content { - background-clip: content-box; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .sm\:bg-clip-text { - background-clip: text; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .sm\:bg-transparent { - background-color: transparent; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .sm\:bg-current { - background-color: currentColor; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .sm\:bg-black { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .sm\:bg-white { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .sm\:bg-gray-50 { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .sm\:col-start-1 { + grid-column-start: 1; } - .sm\:bg-gray-100 { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .sm\:col-start-2 { + grid-column-start: 2; } - .sm\:bg-gray-200 { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .sm\:col-start-3 { + grid-column-start: 3; } - .sm\:bg-gray-300 { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .sm\:col-start-4 { + grid-column-start: 4; } - .sm\:bg-gray-400 { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .sm\:col-start-5 { + grid-column-start: 5; } - .sm\:bg-gray-500 { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .sm\:col-start-6 { + grid-column-start: 6; } - .sm\:bg-gray-600 { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .sm\:col-start-7 { + grid-column-start: 7; } - .sm\:bg-gray-700 { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .sm\:col-start-8 { + grid-column-start: 8; } - .sm\:bg-gray-800 { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .sm\:col-start-9 { + grid-column-start: 9; } - .sm\:bg-gray-900 { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .sm\:col-start-10 { + grid-column-start: 10; } - .sm\:bg-red-50 { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .sm\:col-start-11 { + grid-column-start: 11; } - .sm\:bg-red-100 { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .sm\:col-start-12 { + grid-column-start: 12; } - .sm\:bg-red-200 { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .sm\:col-start-13 { + grid-column-start: 13; } - .sm\:bg-red-300 { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .sm\:col-start-auto { + grid-column-start: auto; } - .sm\:bg-red-400 { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .sm\:col-end-1 { + grid-column-end: 1; } - .sm\:bg-red-500 { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .sm\:col-end-2 { + grid-column-end: 2; } - .sm\:bg-red-600 { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .sm\:col-end-3 { + grid-column-end: 3; } - .sm\:bg-red-700 { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .sm\:col-end-4 { + grid-column-end: 4; } - .sm\:bg-red-800 { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .sm\:col-end-5 { + grid-column-end: 5; } - .sm\:bg-red-900 { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .sm\:col-end-6 { + grid-column-end: 6; } - .sm\:bg-orange-50 { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .sm\:col-end-7 { + grid-column-end: 7; } - .sm\:bg-orange-100 { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .sm\:col-end-8 { + grid-column-end: 8; } - .sm\:bg-orange-200 { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .sm\:col-end-9 { + grid-column-end: 9; } - .sm\:bg-orange-300 { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .sm\:col-end-10 { + grid-column-end: 10; } - .sm\:bg-orange-400 { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .sm\:col-end-11 { + grid-column-end: 11; } - .sm\:bg-orange-500 { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .sm\:col-end-12 { + grid-column-end: 12; } - .sm\:bg-orange-600 { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .sm\:col-end-13 { + grid-column-end: 13; } - .sm\:bg-orange-700 { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .sm\:col-end-auto { + grid-column-end: auto; } - .sm\:bg-orange-800 { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .sm\:bg-orange-900 { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .sm\:bg-yellow-50 { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .sm\:bg-yellow-100 { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .sm\:bg-yellow-200 { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .sm\:bg-yellow-300 { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .sm\:bg-yellow-400 { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .sm\:grid-rows-none { + grid-template-rows: none; } - .sm\:bg-yellow-500 { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .sm\:row-auto { + grid-row: auto; } - .sm\:bg-yellow-600 { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .sm\:bg-yellow-700 { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .sm\:bg-yellow-800 { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .sm\:bg-yellow-900 { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .sm\:bg-green-50 { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .sm\:bg-green-100 { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .sm\:bg-green-200 { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .sm\:row-start-1 { + grid-row-start: 1; } - .sm\:bg-green-300 { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .sm\:row-start-2 { + grid-row-start: 2; } - .sm\:bg-green-400 { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .sm\:row-start-3 { + grid-row-start: 3; } - .sm\:bg-green-500 { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .sm\:row-start-4 { + grid-row-start: 4; } - .sm\:bg-green-600 { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .sm\:row-start-5 { + grid-row-start: 5; } - .sm\:bg-green-700 { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .sm\:row-start-6 { + grid-row-start: 6; } - .sm\:bg-green-800 { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .sm\:row-start-7 { + grid-row-start: 7; } - .sm\:bg-green-900 { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .sm\:row-start-auto { + grid-row-start: auto; } - .sm\:bg-teal-50 { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .sm\:row-end-1 { + grid-row-end: 1; } - .sm\:bg-teal-100 { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .sm\:row-end-2 { + grid-row-end: 2; } - .sm\:bg-teal-200 { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .sm\:row-end-3 { + grid-row-end: 3; } - .sm\:bg-teal-300 { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .sm\:row-end-4 { + grid-row-end: 4; } - .sm\:bg-teal-400 { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .sm\:row-end-5 { + grid-row-end: 5; } - .sm\:bg-teal-500 { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .sm\:row-end-6 { + grid-row-end: 6; } - .sm\:bg-teal-600 { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .sm\:row-end-7 { + grid-row-end: 7; } - .sm\:bg-teal-700 { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .sm\:row-end-auto { + grid-row-end: auto; } - .sm\:bg-teal-800 { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .sm\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .sm\:bg-teal-900 { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .sm\:transform-none { + transform: none; } - .sm\:bg-blue-50 { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .sm\:origin-center { + transform-origin: center; } - .sm\:bg-blue-100 { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .sm\:origin-top { + transform-origin: top; } - .sm\:bg-blue-200 { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .sm\:origin-top-right { + transform-origin: top right; } - .sm\:bg-blue-300 { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .sm\:origin-right { + transform-origin: right; } - .sm\:bg-blue-400 { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .sm\:bg-blue-500 { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .sm\:origin-bottom { + transform-origin: bottom; } - .sm\:bg-blue-600 { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .sm\:bg-blue-700 { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .sm\:origin-left { + transform-origin: left; } - .sm\:bg-blue-800 { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .sm\:origin-top-left { + transform-origin: top left; } - .sm\:bg-blue-900 { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:bg-indigo-50 { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:bg-indigo-100 { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:bg-indigo-200 { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:bg-indigo-300 { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:bg-indigo-400 { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:bg-indigo-500 { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:bg-indigo-600 { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:bg-indigo-700 { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:bg-indigo-800 { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:bg-indigo-900 { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .sm\:bg-purple-50 { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .sm\:bg-purple-100 { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .sm\:bg-purple-200 { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .sm\:bg-purple-300 { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .sm\:bg-purple-400 { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .sm\:bg-purple-500 { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .sm\:bg-purple-600 { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .sm\:bg-purple-700 { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .sm\:bg-purple-800 { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .sm\:bg-purple-900 { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .sm\:bg-pink-50 { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .sm\:bg-pink-100 { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .sm\:bg-pink-200 { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .sm\:bg-pink-300 { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .sm\:bg-pink-400 { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .sm\:bg-pink-500 { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .sm\:bg-pink-600 { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .sm\:bg-pink-700 { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .sm\:bg-pink-800 { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .sm\:bg-pink-900 { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:hover\:bg-current:hover { - background-color: currentColor; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .sm\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .sm\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .sm\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .sm\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .sm\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .sm\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .sm\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .sm\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .sm\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .sm\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .sm\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .sm\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .sm\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .sm\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .sm\:hover\:bg-orange-50:hover { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .sm\:hover\:bg-orange-100:hover { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .sm\:hover\:bg-orange-200:hover { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .sm\:hover\:bg-orange-300:hover { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .sm\:hover\:bg-orange-400:hover { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .sm\:hover\:bg-orange-500:hover { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:hover\:bg-orange-600:hover { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:hover\:bg-orange-700:hover { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:hover\:bg-orange-800:hover { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:hover\:bg-orange-900:hover { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .sm\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .sm\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .sm\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .sm\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .sm\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .sm\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .sm\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .sm\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .sm\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .sm\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .sm\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .sm\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .sm\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .sm\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .sm\:hover\:bg-teal-50:hover { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .sm\:hover\:bg-teal-100:hover { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .sm\:hover\:bg-teal-200:hover { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .sm\:hover\:bg-teal-300:hover { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .sm\:hover\:bg-teal-400:hover { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .sm\:hover\:bg-teal-500:hover { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .sm\:rotate-0 { + --transform-rotate: 0; } - .sm\:hover\:bg-teal-600:hover { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .sm\:hover\:bg-teal-700:hover { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .sm\:hover\:bg-teal-800:hover { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .sm\:hover\:bg-teal-900:hover { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .sm\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .sm\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .sm\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .sm\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .sm\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .sm\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .sm\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .sm\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .sm\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .sm\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .sm\:hover\:bg-indigo-50:hover { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .sm\:hover\:bg-indigo-100:hover { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .sm\:hover\:bg-indigo-200:hover { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .sm\:hover\:bg-indigo-300:hover { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .sm\:hover\:bg-indigo-400:hover { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .sm\:hover\:bg-indigo-500:hover { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .sm\:hover\:bg-indigo-600:hover { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .sm\:hover\:bg-indigo-700:hover { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .sm\:hover\:bg-indigo-800:hover { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .sm\:hover\:bg-indigo-900:hover { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .sm\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .sm\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .sm\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .sm\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .sm\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .sm\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .sm\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .sm\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .sm\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .sm\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .sm\:translate-x-11 { + --transform-translate-x: 2.75rem; } - .sm\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .sm\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .sm\:translate-x-13 { + --transform-translate-x: 3.25rem; } - .sm\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .sm\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .sm\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .sm\:translate-x-15 { + --transform-translate-x: 3.75rem; } - .sm\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .sm\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .sm\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .sm\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .sm\:translate-x-28 { + --transform-translate-x: 7rem; } - .sm\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .sm\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .sm\:translate-x-36 { + --transform-translate-x: 9rem; } - .sm\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .sm\:translate-x-40 { + --transform-translate-x: 10rem; } - .sm\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .sm\:translate-x-44 { + --transform-translate-x: 11rem; } - .sm\:focus\:bg-transparent:focus { - background-color: transparent; + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .sm\:focus\:bg-current:focus { - background-color: currentColor; + .sm\:translate-x-52 { + --transform-translate-x: 13rem; } - .sm\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .sm\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .sm\:translate-x-60 { + --transform-translate-x: 15rem; } - .sm\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .sm\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .sm\:translate-x-72 { + --transform-translate-x: 18rem; } - .sm\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .sm\:translate-x-80 { + --transform-translate-x: 20rem; } - .sm\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .sm\:translate-x-96 { + --transform-translate-x: 24rem; } - .sm\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .sm\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .sm\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .sm\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .sm\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .sm\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .sm\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .sm\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .sm\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .sm\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .sm\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .sm\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .sm\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .sm\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .sm\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .sm\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .sm\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .sm\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .sm\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .sm\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .sm\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .sm\:translate-x-1\/5 { + --transform-translate-x: 20%; } - .sm\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .sm\:translate-x-2\/5 { + --transform-translate-x: 40%; } - .sm\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .sm\:translate-x-3\/5 { + --transform-translate-x: 60%; } - .sm\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .sm\:translate-x-4\/5 { + --transform-translate-x: 80%; } - .sm\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .sm\:translate-x-1\/6 { + --transform-translate-x: 16.666667%; } - .sm\:focus\:bg-orange-50:focus { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .sm\:translate-x-2\/6 { + --transform-translate-x: 33.333333%; } - .sm\:focus\:bg-orange-100:focus { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .sm\:translate-x-3\/6 { + --transform-translate-x: 50%; } - .sm\:focus\:bg-orange-200:focus { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .sm\:translate-x-4\/6 { + --transform-translate-x: 66.666667%; } - .sm\:focus\:bg-orange-300:focus { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .sm\:translate-x-5\/6 { + --transform-translate-x: 83.333333%; } - .sm\:focus\:bg-orange-400:focus { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .sm\:translate-x-1\/12 { + --transform-translate-x: 8.333333%; } - .sm\:focus\:bg-orange-500:focus { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .sm\:translate-x-2\/12 { + --transform-translate-x: 16.666667%; } - .sm\:focus\:bg-orange-600:focus { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .sm\:translate-x-3\/12 { + --transform-translate-x: 25%; } - .sm\:focus\:bg-orange-700:focus { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .sm\:translate-x-4\/12 { + --transform-translate-x: 33.333333%; } - .sm\:focus\:bg-orange-800:focus { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .sm\:translate-x-5\/12 { + --transform-translate-x: 41.666667%; } - .sm\:focus\:bg-orange-900:focus { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .sm\:translate-x-6\/12 { + --transform-translate-x: 50%; } - .sm\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .sm\:translate-x-7\/12 { + --transform-translate-x: 58.333333%; } - .sm\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .sm\:translate-x-8\/12 { + --transform-translate-x: 66.666667%; } - .sm\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .sm\:translate-x-9\/12 { + --transform-translate-x: 75%; } - .sm\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .sm\:translate-x-10\/12 { + --transform-translate-x: 83.333333%; } - .sm\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .sm\:translate-x-11\/12 { + --transform-translate-x: 91.666667%; } - .sm\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .sm\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .sm\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .sm\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .sm\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .sm\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .sm\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .sm\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .sm\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .sm\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .sm\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .sm\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .sm\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .sm\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .sm\:-translate-x-11 { + --transform-translate-x: -2.75rem; } - .sm\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .sm\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .sm\:-translate-x-13 { + --transform-translate-x: -3.25rem; } - .sm\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .sm\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .sm\:focus\:bg-teal-50:focus { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .sm\:-translate-x-15 { + --transform-translate-x: -3.75rem; } - .sm\:focus\:bg-teal-100:focus { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .sm\:focus\:bg-teal-200:focus { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .sm\:focus\:bg-teal-300:focus { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .sm\:focus\:bg-teal-400:focus { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .sm\:-translate-x-28 { + --transform-translate-x: -7rem; } - .sm\:focus\:bg-teal-500:focus { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .sm\:focus\:bg-teal-600:focus { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .sm\:-translate-x-36 { + --transform-translate-x: -9rem; } - .sm\:focus\:bg-teal-700:focus { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .sm\:focus\:bg-teal-800:focus { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .sm\:-translate-x-44 { + --transform-translate-x: -11rem; } - .sm\:focus\:bg-teal-900:focus { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .sm\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .sm\:-translate-x-52 { + --transform-translate-x: -13rem; } - .sm\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .sm\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .sm\:-translate-x-60 { + --transform-translate-x: -15rem; } - .sm\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .sm\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .sm\:-translate-x-72 { + --transform-translate-x: -18rem; } - .sm\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .sm\:-translate-x-80 { + --transform-translate-x: -20rem; } - .sm\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .sm\:-translate-x-96 { + --transform-translate-x: -24rem; } - .sm\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .sm\:-translate-x-px { + --transform-translate-x: -1px; } - .sm\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .sm\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .sm\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .sm\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .sm\:focus\:bg-indigo-50:focus { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .sm\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .sm\:focus\:bg-indigo-100:focus { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .sm\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .sm\:focus\:bg-indigo-200:focus { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .sm\:focus\:bg-indigo-300:focus { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .sm\:-translate-x-1\/3 { + --transform-translate-x: -33.33333%; } - .sm\:focus\:bg-indigo-400:focus { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .sm\:-translate-x-2\/3 { + --transform-translate-x: -66.66667%; } - .sm\:focus\:bg-indigo-500:focus { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .sm\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .sm\:focus\:bg-indigo-600:focus { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .sm\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .sm\:focus\:bg-indigo-700:focus { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .sm\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .sm\:focus\:bg-indigo-800:focus { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .sm\:-translate-x-1\/5 { + --transform-translate-x: -20%; } - .sm\:focus\:bg-indigo-900:focus { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .sm\:-translate-x-2\/5 { + --transform-translate-x: -40%; } - .sm\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .sm\:-translate-x-3\/5 { + --transform-translate-x: -60%; } - .sm\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .sm\:-translate-x-4\/5 { + --transform-translate-x: -80%; } - .sm\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .sm\:-translate-x-1\/6 { + --transform-translate-x: -16.66667%; } - .sm\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .sm\:-translate-x-2\/6 { + --transform-translate-x: -33.33333%; } - .sm\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .sm\:-translate-x-3\/6 { + --transform-translate-x: -50%; } - .sm\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .sm\:-translate-x-4\/6 { + --transform-translate-x: -66.66667%; } - .sm\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .sm\:-translate-x-5\/6 { + --transform-translate-x: -83.33333%; } - .sm\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .sm\:-translate-x-1\/12 { + --transform-translate-x: -8.33333%; } - .sm\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .sm\:-translate-x-2\/12 { + --transform-translate-x: -16.66667%; } - .sm\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .sm\:-translate-x-3\/12 { + --transform-translate-x: -25%; } - .sm\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .sm\:-translate-x-4\/12 { + --transform-translate-x: -33.33333%; } - .sm\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .sm\:-translate-x-5\/12 { + --transform-translate-x: -41.66667%; } - .sm\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .sm\:-translate-x-6\/12 { + --transform-translate-x: -50%; } - .sm\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .sm\:-translate-x-7\/12 { + --transform-translate-x: -58.33333%; } - .sm\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .sm\:-translate-x-8\/12 { + --transform-translate-x: -66.66667%; } - .sm\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .sm\:-translate-x-9\/12 { + --transform-translate-x: -75%; } - .sm\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .sm\:-translate-x-10\/12 { + --transform-translate-x: -83.33333%; } - .sm\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .sm\:-translate-x-11\/12 { + --transform-translate-x: -91.66667%; } - .sm\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .sm\:-translate-x-full { + --transform-translate-x: -100%; } - .sm\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .sm\:translate-y-0 { + --transform-translate-y: 0; } - .sm\:bg-none { - background-image: none; + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .sm\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .sm\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .sm\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .sm\:translate-y-4 { + --transform-translate-y: 1rem; } - .sm\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .sm\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .sm\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .sm\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .sm\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .sm\:translate-y-8 { + --transform-translate-y: 2rem; } - .sm\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .sm\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .sm\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .sm\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:translate-y-11 { + --transform-translate-y: 2.75rem; } - .sm\:from-black { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:translate-y-12 { + --transform-translate-y: 3rem; } - .sm\:from-white { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:translate-y-13 { + --transform-translate-y: 3.25rem; } - .sm\:from-gray-50 { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .sm\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .sm\:from-gray-100 { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .sm\:translate-y-15 { + --transform-translate-y: 3.75rem; } - .sm\:from-gray-200 { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .sm\:translate-y-16 { + --transform-translate-y: 4rem; } - .sm\:from-gray-300 { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .sm\:translate-y-20 { + --transform-translate-y: 5rem; } - .sm\:from-gray-400 { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .sm\:translate-y-24 { + --transform-translate-y: 6rem; } - .sm\:from-gray-500 { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .sm\:translate-y-28 { + --transform-translate-y: 7rem; } - .sm\:from-gray-600 { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .sm\:translate-y-32 { + --transform-translate-y: 8rem; } - .sm\:from-gray-700 { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .sm\:translate-y-36 { + --transform-translate-y: 9rem; } - .sm\:from-gray-800 { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .sm\:translate-y-40 { + --transform-translate-y: 10rem; } - .sm\:from-gray-900 { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .sm\:translate-y-44 { + --transform-translate-y: 11rem; } - .sm\:from-red-50 { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .sm\:translate-y-48 { + --transform-translate-y: 12rem; } - .sm\:from-red-100 { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .sm\:translate-y-52 { + --transform-translate-y: 13rem; } - .sm\:from-red-200 { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .sm\:translate-y-56 { + --transform-translate-y: 14rem; } - .sm\:from-red-300 { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .sm\:translate-y-60 { + --transform-translate-y: 15rem; } - .sm\:from-red-400 { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .sm\:translate-y-64 { + --transform-translate-y: 16rem; } - .sm\:from-red-500 { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .sm\:translate-y-72 { + --transform-translate-y: 18rem; } - .sm\:from-red-600 { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .sm\:translate-y-80 { + --transform-translate-y: 20rem; } - .sm\:from-red-700 { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .sm\:translate-y-96 { + --transform-translate-y: 24rem; } - .sm\:from-red-800 { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .sm\:translate-y-px { + --transform-translate-y: 1px; } - .sm\:from-red-900 { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .sm\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .sm\:from-orange-50 { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .sm\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .sm\:from-orange-100 { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .sm\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .sm\:from-orange-200 { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .sm\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .sm\:from-orange-300 { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .sm\:from-orange-400 { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .sm\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .sm\:from-orange-500 { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .sm\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .sm\:from-orange-600 { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .sm\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .sm\:from-orange-700 { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .sm\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .sm\:from-orange-800 { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .sm\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .sm\:from-orange-900 { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .sm\:translate-y-1\/5 { + --transform-translate-y: 20%; } - .sm\:from-yellow-50 { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .sm\:translate-y-2\/5 { + --transform-translate-y: 40%; } - .sm\:from-yellow-100 { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .sm\:translate-y-3\/5 { + --transform-translate-y: 60%; } - .sm\:from-yellow-200 { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .sm\:translate-y-4\/5 { + --transform-translate-y: 80%; } - .sm\:from-yellow-300 { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .sm\:translate-y-1\/6 { + --transform-translate-y: 16.666667%; } - .sm\:from-yellow-400 { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .sm\:translate-y-2\/6 { + --transform-translate-y: 33.333333%; } - .sm\:from-yellow-500 { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .sm\:translate-y-3\/6 { + --transform-translate-y: 50%; } - .sm\:from-yellow-600 { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .sm\:translate-y-4\/6 { + --transform-translate-y: 66.666667%; } - .sm\:from-yellow-700 { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .sm\:translate-y-5\/6 { + --transform-translate-y: 83.333333%; } - .sm\:from-yellow-800 { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .sm\:translate-y-1\/12 { + --transform-translate-y: 8.333333%; } - .sm\:from-yellow-900 { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .sm\:translate-y-2\/12 { + --transform-translate-y: 16.666667%; } - .sm\:from-green-50 { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .sm\:translate-y-3\/12 { + --transform-translate-y: 25%; } - .sm\:from-green-100 { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .sm\:translate-y-4\/12 { + --transform-translate-y: 33.333333%; } - .sm\:from-green-200 { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .sm\:translate-y-5\/12 { + --transform-translate-y: 41.666667%; } - .sm\:from-green-300 { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .sm\:translate-y-6\/12 { + --transform-translate-y: 50%; } - .sm\:from-green-400 { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .sm\:translate-y-7\/12 { + --transform-translate-y: 58.333333%; } - .sm\:from-green-500 { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .sm\:translate-y-8\/12 { + --transform-translate-y: 66.666667%; } - .sm\:from-green-600 { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .sm\:translate-y-9\/12 { + --transform-translate-y: 75%; } - .sm\:from-green-700 { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .sm\:translate-y-10\/12 { + --transform-translate-y: 83.333333%; } - .sm\:from-green-800 { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .sm\:translate-y-11\/12 { + --transform-translate-y: 91.666667%; } - .sm\:from-green-900 { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .sm\:translate-y-full { + --transform-translate-y: 100%; } - .sm\:from-teal-50 { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .sm\:from-teal-100 { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .sm\:from-teal-200 { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .sm\:from-teal-300 { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; } - .sm\:from-teal-400 { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .sm\:from-teal-500 { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .sm\:from-teal-600 { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .sm\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .sm\:from-teal-700 { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; } - .sm\:from-teal-800 { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .sm\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .sm\:from-teal-900 { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .sm\:from-blue-50 { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .sm\:-translate-y-11 { + --transform-translate-y: -2.75rem; } - .sm\:from-blue-100 { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; } - .sm\:from-blue-200 { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .sm\:-translate-y-13 { + --transform-translate-y: -3.25rem; } - .sm\:from-blue-300 { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .sm\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .sm\:from-blue-400 { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .sm\:-translate-y-15 { + --transform-translate-y: -3.75rem; } - .sm\:from-blue-500 { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; } - .sm\:from-blue-600 { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; } - .sm\:from-blue-700 { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; } - .sm\:from-blue-800 { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .sm\:-translate-y-28 { + --transform-translate-y: -7rem; } - .sm\:from-blue-900 { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; } - .sm\:from-indigo-50 { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .sm\:-translate-y-36 { + --transform-translate-y: -9rem; } - .sm\:from-indigo-100 { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; } - .sm\:from-indigo-200 { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .sm\:-translate-y-44 { + --transform-translate-y: -11rem; + } + + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; } - .sm\:from-indigo-300 { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .sm\:-translate-y-52 { + --transform-translate-y: -13rem; } - .sm\:from-indigo-400 { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; } - .sm\:from-indigo-500 { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .sm\:-translate-y-60 { + --transform-translate-y: -15rem; } - .sm\:from-indigo-600 { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; } - .sm\:from-indigo-700 { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .sm\:-translate-y-72 { + --transform-translate-y: -18rem; } - .sm\:from-indigo-800 { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .sm\:-translate-y-80 { + --transform-translate-y: -20rem; } - .sm\:from-indigo-900 { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .sm\:-translate-y-96 { + --transform-translate-y: -24rem; } - .sm\:from-purple-50 { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .sm\:-translate-y-px { + --transform-translate-y: -1px; } - .sm\:from-purple-100 { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .sm\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .sm\:from-purple-200 { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .sm\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .sm\:from-purple-300 { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .sm\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .sm\:from-purple-400 { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .sm\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .sm\:from-purple-500 { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .sm\:from-purple-600 { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .sm\:-translate-y-1\/3 { + --transform-translate-y: -33.33333%; } - .sm\:from-purple-700 { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .sm\:-translate-y-2\/3 { + --transform-translate-y: -66.66667%; } - .sm\:from-purple-800 { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .sm\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .sm\:from-purple-900 { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .sm\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .sm\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .sm\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .sm\:from-pink-100 { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .sm\:-translate-y-1\/5 { + --transform-translate-y: -20%; } - .sm\:from-pink-200 { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .sm\:-translate-y-2\/5 { + --transform-translate-y: -40%; } - .sm\:from-pink-300 { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .sm\:-translate-y-3\/5 { + --transform-translate-y: -60%; } - .sm\:from-pink-400 { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .sm\:-translate-y-4\/5 { + --transform-translate-y: -80%; } - .sm\:from-pink-500 { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .sm\:-translate-y-1\/6 { + --transform-translate-y: -16.66667%; } - .sm\:from-pink-600 { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .sm\:-translate-y-2\/6 { + --transform-translate-y: -33.33333%; } - .sm\:from-pink-700 { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .sm\:-translate-y-3\/6 { + --transform-translate-y: -50%; } - .sm\:from-pink-800 { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .sm\:-translate-y-4\/6 { + --transform-translate-y: -66.66667%; } - .sm\:from-pink-900 { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .sm\:-translate-y-5\/6 { + --transform-translate-y: -83.33333%; } - .sm\:via-transparent { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:-translate-y-1\/12 { + --transform-translate-y: -8.33333%; } - .sm\:via-current { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-translate-y-2\/12 { + --transform-translate-y: -16.66667%; } - .sm\:via-black { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:-translate-y-3\/12 { + --transform-translate-y: -25%; } - .sm\:via-white { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-translate-y-4\/12 { + --transform-translate-y: -33.33333%; } - .sm\:via-gray-50 { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .sm\:-translate-y-5\/12 { + --transform-translate-y: -41.66667%; } - .sm\:via-gray-100 { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .sm\:-translate-y-6\/12 { + --transform-translate-y: -50%; } - .sm\:via-gray-200 { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .sm\:-translate-y-7\/12 { + --transform-translate-y: -58.33333%; } - .sm\:via-gray-300 { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .sm\:-translate-y-8\/12 { + --transform-translate-y: -66.66667%; } - .sm\:via-gray-400 { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .sm\:-translate-y-9\/12 { + --transform-translate-y: -75%; } - .sm\:via-gray-500 { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .sm\:-translate-y-10\/12 { + --transform-translate-y: -83.33333%; } - .sm\:via-gray-600 { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .sm\:-translate-y-11\/12 { + --transform-translate-y: -91.66667%; } - .sm\:via-gray-700 { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .sm\:-translate-y-full { + --transform-translate-y: -100%; } - .sm\:via-gray-800 { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .sm\:via-gray-900 { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .sm\:via-red-50 { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .sm\:via-red-100 { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .sm\:via-red-200 { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .sm\:via-red-300 { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .sm\:via-red-400 { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .sm\:via-red-500 { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .sm\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .sm\:via-red-600 { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .sm\:via-red-700 { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .sm\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .sm\:via-red-800 { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .sm\:via-red-900 { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .sm\:hover\:translate-x-11:hover { + --transform-translate-x: 2.75rem; } - .sm\:via-orange-50 { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .sm\:via-orange-100 { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .sm\:hover\:translate-x-13:hover { + --transform-translate-x: 3.25rem; } - .sm\:via-orange-200 { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .sm\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .sm\:via-orange-300 { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .sm\:hover\:translate-x-15:hover { + --transform-translate-x: 3.75rem; } - .sm\:via-orange-400 { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .sm\:via-orange-500 { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .sm\:via-orange-600 { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .sm\:via-orange-700 { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .sm\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .sm\:via-orange-800 { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .sm\:via-orange-900 { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .sm\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .sm\:via-yellow-50 { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .sm\:via-yellow-100 { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .sm\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .sm\:via-yellow-200 { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .sm\:via-yellow-300 { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .sm\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .sm\:via-yellow-400 { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .sm\:via-yellow-500 { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .sm\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .sm\:via-yellow-600 { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .sm\:via-yellow-700 { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .sm\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .sm\:via-yellow-800 { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .sm\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .sm\:via-yellow-900 { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .sm\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .sm\:via-green-50 { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .sm\:via-green-100 { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .sm\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .sm\:via-green-200 { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .sm\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .sm\:via-green-300 { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .sm\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .sm\:via-green-400 { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .sm\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .sm\:via-green-500 { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .sm\:via-green-600 { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .sm\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .sm\:via-green-700 { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .sm\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .sm\:via-green-800 { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .sm\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .sm\:via-green-900 { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .sm\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .sm\:via-teal-50 { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .sm\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .sm\:via-teal-100 { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .sm\:hover\:translate-x-1\/5:hover { + --transform-translate-x: 20%; } - .sm\:via-teal-200 { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .sm\:hover\:translate-x-2\/5:hover { + --transform-translate-x: 40%; } - .sm\:via-teal-300 { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .sm\:hover\:translate-x-3\/5:hover { + --transform-translate-x: 60%; } - .sm\:via-teal-400 { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .sm\:hover\:translate-x-4\/5:hover { + --transform-translate-x: 80%; } - .sm\:via-teal-500 { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .sm\:hover\:translate-x-1\/6:hover { + --transform-translate-x: 16.666667%; } - .sm\:via-teal-600 { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .sm\:hover\:translate-x-2\/6:hover { + --transform-translate-x: 33.333333%; } - .sm\:via-teal-700 { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .sm\:hover\:translate-x-3\/6:hover { + --transform-translate-x: 50%; } - .sm\:via-teal-800 { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .sm\:hover\:translate-x-4\/6:hover { + --transform-translate-x: 66.666667%; } - .sm\:via-teal-900 { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .sm\:hover\:translate-x-5\/6:hover { + --transform-translate-x: 83.333333%; } - .sm\:via-blue-50 { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .sm\:hover\:translate-x-1\/12:hover { + --transform-translate-x: 8.333333%; } - .sm\:via-blue-100 { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .sm\:hover\:translate-x-2\/12:hover { + --transform-translate-x: 16.666667%; } - .sm\:via-blue-200 { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .sm\:hover\:translate-x-3\/12:hover { + --transform-translate-x: 25%; } - .sm\:via-blue-300 { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .sm\:hover\:translate-x-4\/12:hover { + --transform-translate-x: 33.333333%; } - .sm\:via-blue-400 { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .sm\:hover\:translate-x-5\/12:hover { + --transform-translate-x: 41.666667%; } - .sm\:via-blue-500 { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .sm\:hover\:translate-x-6\/12:hover { + --transform-translate-x: 50%; } - .sm\:via-blue-600 { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .sm\:hover\:translate-x-7\/12:hover { + --transform-translate-x: 58.333333%; } - .sm\:via-blue-700 { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .sm\:hover\:translate-x-8\/12:hover { + --transform-translate-x: 66.666667%; } - .sm\:via-blue-800 { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .sm\:hover\:translate-x-9\/12:hover { + --transform-translate-x: 75%; } - .sm\:via-blue-900 { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .sm\:hover\:translate-x-10\/12:hover { + --transform-translate-x: 83.333333%; } - .sm\:via-indigo-50 { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .sm\:hover\:translate-x-11\/12:hover { + --transform-translate-x: 91.666667%; } - .sm\:via-indigo-100 { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .sm\:via-indigo-200 { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .sm\:via-indigo-300 { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .sm\:via-indigo-400 { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .sm\:via-indigo-500 { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .sm\:via-indigo-600 { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .sm\:via-indigo-700 { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .sm\:via-indigo-800 { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .sm\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .sm\:via-indigo-900 { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .sm\:via-purple-50 { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .sm\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .sm\:via-purple-100 { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .sm\:via-purple-200 { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .sm\:hover\:-translate-x-11:hover { + --transform-translate-x: -2.75rem; } - .sm\:via-purple-300 { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .sm\:via-purple-400 { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .sm\:hover\:-translate-x-13:hover { + --transform-translate-x: -3.25rem; } - .sm\:via-purple-500 { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .sm\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .sm\:via-purple-600 { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .sm\:hover\:-translate-x-15:hover { + --transform-translate-x: -3.75rem; } - .sm\:via-purple-700 { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .sm\:via-purple-800 { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .sm\:via-purple-900 { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .sm\:via-pink-50 { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .sm\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .sm\:via-pink-100 { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .sm\:via-pink-200 { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .sm\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .sm\:via-pink-300 { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .sm\:via-pink-400 { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .sm\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .sm\:via-pink-500 { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .sm\:via-pink-600 { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .sm\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .sm\:via-pink-700 { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .sm\:via-pink-800 { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .sm\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .sm\:via-pink-900 { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .sm\:to-transparent { - --gradient-to-color: transparent; + .sm\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .sm\:to-current { - --gradient-to-color: currentColor; + .sm\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .sm\:to-black { - --gradient-to-color: #000000; + .sm\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .sm\:to-white { - --gradient-to-color: #ffffff; + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .sm\:to-gray-50 { - --gradient-to-color: #f9fafb; + .sm\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .sm\:to-gray-100 { - --gradient-to-color: #f4f5f7; + .sm\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .sm\:to-gray-200 { - --gradient-to-color: #e5e7eb; + .sm\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .sm\:to-gray-300 { - --gradient-to-color: #d2d6dc; + .sm\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .sm\:to-gray-400 { - --gradient-to-color: #9fa6b2; + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .sm\:to-gray-500 { - --gradient-to-color: #6b7280; + .sm\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.33333%; } - .sm\:to-gray-600 { - --gradient-to-color: #4b5563; + .sm\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.66667%; } - .sm\:to-gray-700 { - --gradient-to-color: #374151; + .sm\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .sm\:to-gray-800 { - --gradient-to-color: #252f3f; + .sm\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .sm\:to-gray-900 { - --gradient-to-color: #161e2e; + .sm\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .sm\:to-red-50 { - --gradient-to-color: #fdf2f2; + .sm\:hover\:-translate-x-1\/5:hover { + --transform-translate-x: -20%; } - .sm\:to-red-100 { - --gradient-to-color: #fde8e8; + .sm\:hover\:-translate-x-2\/5:hover { + --transform-translate-x: -40%; } - .sm\:to-red-200 { - --gradient-to-color: #fbd5d5; + .sm\:hover\:-translate-x-3\/5:hover { + --transform-translate-x: -60%; } - .sm\:to-red-300 { - --gradient-to-color: #f8b4b4; + .sm\:hover\:-translate-x-4\/5:hover { + --transform-translate-x: -80%; } - .sm\:to-red-400 { - --gradient-to-color: #f98080; + .sm\:hover\:-translate-x-1\/6:hover { + --transform-translate-x: -16.66667%; } - .sm\:to-red-500 { - --gradient-to-color: #f05252; + .sm\:hover\:-translate-x-2\/6:hover { + --transform-translate-x: -33.33333%; } - .sm\:to-red-600 { - --gradient-to-color: #e02424; + .sm\:hover\:-translate-x-3\/6:hover { + --transform-translate-x: -50%; } - .sm\:to-red-700 { - --gradient-to-color: #c81e1e; + .sm\:hover\:-translate-x-4\/6:hover { + --transform-translate-x: -66.66667%; } - .sm\:to-red-800 { - --gradient-to-color: #9b1c1c; + .sm\:hover\:-translate-x-5\/6:hover { + --transform-translate-x: -83.33333%; } - .sm\:to-red-900 { - --gradient-to-color: #771d1d; + .sm\:hover\:-translate-x-1\/12:hover { + --transform-translate-x: -8.33333%; } - .sm\:to-orange-50 { - --gradient-to-color: #fff8f1; + .sm\:hover\:-translate-x-2\/12:hover { + --transform-translate-x: -16.66667%; } - .sm\:to-orange-100 { - --gradient-to-color: #feecdc; + .sm\:hover\:-translate-x-3\/12:hover { + --transform-translate-x: -25%; } - .sm\:to-orange-200 { - --gradient-to-color: #fcd9bd; + .sm\:hover\:-translate-x-4\/12:hover { + --transform-translate-x: -33.33333%; } - .sm\:to-orange-300 { - --gradient-to-color: #fdba8c; + .sm\:hover\:-translate-x-5\/12:hover { + --transform-translate-x: -41.66667%; } - .sm\:to-orange-400 { - --gradient-to-color: #ff8a4c; + .sm\:hover\:-translate-x-6\/12:hover { + --transform-translate-x: -50%; } - .sm\:to-orange-500 { - --gradient-to-color: #ff5a1f; + .sm\:hover\:-translate-x-7\/12:hover { + --transform-translate-x: -58.33333%; } - .sm\:to-orange-600 { - --gradient-to-color: #d03801; + .sm\:hover\:-translate-x-8\/12:hover { + --transform-translate-x: -66.66667%; } - .sm\:to-orange-700 { - --gradient-to-color: #b43403; + .sm\:hover\:-translate-x-9\/12:hover { + --transform-translate-x: -75%; } - .sm\:to-orange-800 { - --gradient-to-color: #8a2c0d; + .sm\:hover\:-translate-x-10\/12:hover { + --transform-translate-x: -83.33333%; } - .sm\:to-orange-900 { - --gradient-to-color: #73230d; + .sm\:hover\:-translate-x-11\/12:hover { + --transform-translate-x: -91.66667%; } - .sm\:to-yellow-50 { - --gradient-to-color: #fdfdea; + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .sm\:to-yellow-100 { - --gradient-to-color: #fdf6b2; + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .sm\:to-yellow-200 { - --gradient-to-color: #fce96a; + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .sm\:to-yellow-300 { - --gradient-to-color: #faca15; + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .sm\:to-yellow-400 { - --gradient-to-color: #e3a008; + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .sm\:to-yellow-500 { - --gradient-to-color: #c27803; + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .sm\:to-yellow-600 { - --gradient-to-color: #9f580a; + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .sm\:to-yellow-700 { - --gradient-to-color: #8e4b10; + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .sm\:to-yellow-800 { - --gradient-to-color: #723b13; + .sm\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .sm\:to-yellow-900 { - --gradient-to-color: #633112; + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .sm\:to-green-50 { - --gradient-to-color: #f3faf7; + .sm\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .sm\:to-green-100 { - --gradient-to-color: #def7ec; + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .sm\:to-green-200 { - --gradient-to-color: #bcf0da; + .sm\:hover\:translate-y-11:hover { + --transform-translate-y: 2.75rem; } - .sm\:to-green-300 { - --gradient-to-color: #84e1bc; + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .sm\:to-green-400 { - --gradient-to-color: #31c48d; + .sm\:hover\:translate-y-13:hover { + --transform-translate-y: 3.25rem; } - .sm\:to-green-500 { - --gradient-to-color: #0e9f6e; + .sm\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .sm\:to-green-600 { - --gradient-to-color: #057a55; + .sm\:hover\:translate-y-15:hover { + --transform-translate-y: 3.75rem; } - .sm\:to-green-700 { - --gradient-to-color: #046c4e; + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .sm\:to-green-800 { - --gradient-to-color: #03543f; + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .sm\:to-green-900 { - --gradient-to-color: #014737; + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .sm\:to-teal-50 { - --gradient-to-color: #edfafa; + .sm\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .sm\:to-teal-100 { - --gradient-to-color: #d5f5f6; + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .sm\:to-teal-200 { - --gradient-to-color: #afecef; + .sm\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .sm\:to-teal-300 { - --gradient-to-color: #7edce2; + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .sm\:to-teal-400 { - --gradient-to-color: #16bdca; + .sm\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .sm\:to-teal-500 { - --gradient-to-color: #0694a2; + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .sm\:to-teal-600 { - --gradient-to-color: #047481; + .sm\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .sm\:to-teal-700 { - --gradient-to-color: #036672; + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .sm\:to-teal-800 { - --gradient-to-color: #05505c; + .sm\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .sm\:to-teal-900 { - --gradient-to-color: #014451; + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .sm\:to-blue-50 { - --gradient-to-color: #ebf5ff; + .sm\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .sm\:to-blue-100 { - --gradient-to-color: #e1effe; + .sm\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .sm\:to-blue-200 { - --gradient-to-color: #c3ddfd; + .sm\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .sm\:to-blue-300 { - --gradient-to-color: #a4cafe; + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .sm\:to-blue-400 { - --gradient-to-color: #76a9fa; + .sm\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .sm\:to-blue-500 { - --gradient-to-color: #3f83f8; + .sm\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .sm\:to-blue-600 { - --gradient-to-color: #1c64f2; + .sm\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .sm\:to-blue-700 { - --gradient-to-color: #1a56db; + .sm\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .sm\:to-blue-800 { - --gradient-to-color: #1e429f; + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .sm\:to-blue-900 { - --gradient-to-color: #233876; + .sm\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .sm\:to-indigo-50 { - --gradient-to-color: #f0f5ff; + .sm\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .sm\:to-indigo-100 { - --gradient-to-color: #e5edff; + .sm\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .sm\:to-indigo-200 { - --gradient-to-color: #cddbfe; + .sm\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .sm\:to-indigo-300 { - --gradient-to-color: #b4c6fc; + .sm\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .sm\:to-indigo-400 { - --gradient-to-color: #8da2fb; + .sm\:hover\:translate-y-1\/5:hover { + --transform-translate-y: 20%; } - .sm\:to-indigo-500 { - --gradient-to-color: #6875f5; + .sm\:hover\:translate-y-2\/5:hover { + --transform-translate-y: 40%; } - .sm\:to-indigo-600 { - --gradient-to-color: #5850ec; + .sm\:hover\:translate-y-3\/5:hover { + --transform-translate-y: 60%; } - .sm\:to-indigo-700 { - --gradient-to-color: #5145cd; + .sm\:hover\:translate-y-4\/5:hover { + --transform-translate-y: 80%; } - .sm\:to-indigo-800 { - --gradient-to-color: #42389d; + .sm\:hover\:translate-y-1\/6:hover { + --transform-translate-y: 16.666667%; } - .sm\:to-indigo-900 { - --gradient-to-color: #362f78; + .sm\:hover\:translate-y-2\/6:hover { + --transform-translate-y: 33.333333%; } - .sm\:to-purple-50 { - --gradient-to-color: #f6f5ff; + .sm\:hover\:translate-y-3\/6:hover { + --transform-translate-y: 50%; } - .sm\:to-purple-100 { - --gradient-to-color: #edebfe; + .sm\:hover\:translate-y-4\/6:hover { + --transform-translate-y: 66.666667%; } - .sm\:to-purple-200 { - --gradient-to-color: #dcd7fe; + .sm\:hover\:translate-y-5\/6:hover { + --transform-translate-y: 83.333333%; } - .sm\:to-purple-300 { - --gradient-to-color: #cabffd; + .sm\:hover\:translate-y-1\/12:hover { + --transform-translate-y: 8.333333%; } - .sm\:to-purple-400 { - --gradient-to-color: #ac94fa; + .sm\:hover\:translate-y-2\/12:hover { + --transform-translate-y: 16.666667%; } - .sm\:to-purple-500 { - --gradient-to-color: #9061f9; + .sm\:hover\:translate-y-3\/12:hover { + --transform-translate-y: 25%; } - .sm\:to-purple-600 { - --gradient-to-color: #7e3af2; + .sm\:hover\:translate-y-4\/12:hover { + --transform-translate-y: 33.333333%; } - .sm\:to-purple-700 { - --gradient-to-color: #6c2bd9; + .sm\:hover\:translate-y-5\/12:hover { + --transform-translate-y: 41.666667%; } - .sm\:to-purple-800 { - --gradient-to-color: #5521b5; + .sm\:hover\:translate-y-6\/12:hover { + --transform-translate-y: 50%; } - .sm\:to-purple-900 { - --gradient-to-color: #4a1d96; + .sm\:hover\:translate-y-7\/12:hover { + --transform-translate-y: 58.333333%; } - .sm\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .sm\:hover\:translate-y-8\/12:hover { + --transform-translate-y: 66.666667%; } - .sm\:to-pink-100 { - --gradient-to-color: #fce8f3; + .sm\:hover\:translate-y-9\/12:hover { + --transform-translate-y: 75%; } - .sm\:to-pink-200 { - --gradient-to-color: #fad1e8; + .sm\:hover\:translate-y-10\/12:hover { + --transform-translate-y: 83.333333%; } - .sm\:to-pink-300 { - --gradient-to-color: #f8b4d9; + .sm\:hover\:translate-y-11\/12:hover { + --transform-translate-y: 91.666667%; } - .sm\:to-pink-400 { - --gradient-to-color: #f17eb8; + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .sm\:to-pink-500 { - --gradient-to-color: #e74694; + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .sm\:to-pink-600 { - --gradient-to-color: #d61f69; + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .sm\:to-pink-700 { - --gradient-to-color: #bf125d; + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .sm\:to-pink-800 { - --gradient-to-color: #99154b; + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .sm\:to-pink-900 { - --gradient-to-color: #751a3d; + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .sm\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .sm\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .sm\:hover\:from-black:hover { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .sm\:hover\:from-white:hover { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .sm\:hover\:from-gray-50:hover { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .sm\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .sm\:hover\:-translate-y-11:hover { + --transform-translate-y: -2.75rem; } - .sm\:hover\:from-gray-200:hover { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .sm\:hover\:from-gray-300:hover { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .sm\:hover\:-translate-y-13:hover { + --transform-translate-y: -3.25rem; } - .sm\:hover\:from-gray-400:hover { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .sm\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .sm\:hover\:from-gray-500:hover { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .sm\:hover\:-translate-y-15:hover { + --transform-translate-y: -3.75rem; } - .sm\:hover\:from-gray-600:hover { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .sm\:hover\:from-gray-700:hover { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .sm\:hover\:from-gray-800:hover { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .sm\:hover\:from-gray-900:hover { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .sm\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .sm\:hover\:from-red-50:hover { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .sm\:hover\:from-red-100:hover { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .sm\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .sm\:hover\:from-red-200:hover { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .sm\:hover\:from-red-300:hover { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .sm\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .sm\:hover\:from-red-400:hover { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .sm\:hover\:from-red-500:hover { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .sm\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .sm\:hover\:from-red-600:hover { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .sm\:hover\:from-red-700:hover { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .sm\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .sm\:hover\:from-red-800:hover { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .sm\:hover\:from-red-900:hover { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .sm\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .sm\:hover\:from-orange-50:hover { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .sm\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .sm\:hover\:from-orange-100:hover { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .sm\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .sm\:hover\:from-orange-200:hover { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .sm\:hover\:from-orange-300:hover { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .sm\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .sm\:hover\:from-orange-400:hover { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .sm\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .sm\:hover\:from-orange-500:hover { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .sm\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .sm\:hover\:from-orange-600:hover { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .sm\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .sm\:hover\:from-orange-700:hover { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .sm\:hover\:from-orange-800:hover { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .sm\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.33333%; } - .sm\:hover\:from-orange-900:hover { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .sm\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.66667%; } - .sm\:hover\:from-yellow-50:hover { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .sm\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .sm\:hover\:from-yellow-100:hover { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .sm\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .sm\:hover\:from-yellow-200:hover { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .sm\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .sm\:hover\:from-yellow-300:hover { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .sm\:hover\:-translate-y-1\/5:hover { + --transform-translate-y: -20%; } - .sm\:hover\:from-yellow-400:hover { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .sm\:hover\:-translate-y-2\/5:hover { + --transform-translate-y: -40%; } - .sm\:hover\:from-yellow-500:hover { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .sm\:hover\:-translate-y-3\/5:hover { + --transform-translate-y: -60%; } - .sm\:hover\:from-yellow-600:hover { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .sm\:hover\:-translate-y-4\/5:hover { + --transform-translate-y: -80%; } - .sm\:hover\:from-yellow-700:hover { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .sm\:hover\:-translate-y-1\/6:hover { + --transform-translate-y: -16.66667%; } - .sm\:hover\:from-yellow-800:hover { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .sm\:hover\:-translate-y-2\/6:hover { + --transform-translate-y: -33.33333%; } - .sm\:hover\:from-yellow-900:hover { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .sm\:hover\:-translate-y-3\/6:hover { + --transform-translate-y: -50%; } - .sm\:hover\:from-green-50:hover { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .sm\:hover\:-translate-y-4\/6:hover { + --transform-translate-y: -66.66667%; } - .sm\:hover\:from-green-100:hover { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .sm\:hover\:-translate-y-5\/6:hover { + --transform-translate-y: -83.33333%; } - .sm\:hover\:from-green-200:hover { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .sm\:hover\:-translate-y-1\/12:hover { + --transform-translate-y: -8.33333%; } - .sm\:hover\:from-green-300:hover { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .sm\:hover\:-translate-y-2\/12:hover { + --transform-translate-y: -16.66667%; } - .sm\:hover\:from-green-400:hover { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .sm\:hover\:-translate-y-3\/12:hover { + --transform-translate-y: -25%; } - .sm\:hover\:from-green-500:hover { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .sm\:hover\:-translate-y-4\/12:hover { + --transform-translate-y: -33.33333%; } - .sm\:hover\:from-green-600:hover { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .sm\:hover\:-translate-y-5\/12:hover { + --transform-translate-y: -41.66667%; } - .sm\:hover\:from-green-700:hover { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .sm\:hover\:-translate-y-6\/12:hover { + --transform-translate-y: -50%; } - .sm\:hover\:from-green-800:hover { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .sm\:hover\:-translate-y-7\/12:hover { + --transform-translate-y: -58.33333%; } - .sm\:hover\:from-green-900:hover { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .sm\:hover\:-translate-y-8\/12:hover { + --transform-translate-y: -66.66667%; } - .sm\:hover\:from-teal-50:hover { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .sm\:hover\:-translate-y-9\/12:hover { + --transform-translate-y: -75%; } - .sm\:hover\:from-teal-100:hover { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .sm\:hover\:-translate-y-10\/12:hover { + --transform-translate-y: -83.33333%; } - .sm\:hover\:from-teal-200:hover { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .sm\:hover\:-translate-y-11\/12:hover { + --transform-translate-y: -91.66667%; } - .sm\:hover\:from-teal-300:hover { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .sm\:hover\:from-teal-400:hover { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .sm\:hover\:from-teal-500:hover { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .sm\:hover\:from-teal-600:hover { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .sm\:hover\:from-teal-700:hover { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .sm\:hover\:from-teal-800:hover { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .sm\:hover\:from-teal-900:hover { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .sm\:hover\:from-blue-50:hover { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .sm\:hover\:from-blue-100:hover { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .sm\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .sm\:hover\:from-blue-200:hover { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .sm\:hover\:from-blue-300:hover { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .sm\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .sm\:hover\:from-blue-400:hover { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .sm\:hover\:from-blue-500:hover { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .sm\:focus\:translate-x-11:focus { + --transform-translate-x: 2.75rem; } - .sm\:hover\:from-blue-600:hover { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .sm\:hover\:from-blue-700:hover { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .sm\:focus\:translate-x-13:focus { + --transform-translate-x: 3.25rem; } - .sm\:hover\:from-blue-800:hover { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .sm\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .sm\:hover\:from-blue-900:hover { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .sm\:focus\:translate-x-15:focus { + --transform-translate-x: 3.75rem; } - .sm\:hover\:from-indigo-50:hover { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .sm\:hover\:from-indigo-100:hover { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .sm\:hover\:from-indigo-200:hover { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .sm\:hover\:from-indigo-300:hover { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .sm\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .sm\:hover\:from-indigo-400:hover { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .sm\:hover\:from-indigo-500:hover { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .sm\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .sm\:hover\:from-indigo-600:hover { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .sm\:hover\:from-indigo-700:hover { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .sm\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .sm\:hover\:from-indigo-800:hover { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .sm\:hover\:from-indigo-900:hover { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .sm\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .sm\:hover\:from-purple-50:hover { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .sm\:hover\:from-purple-100:hover { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .sm\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .sm\:hover\:from-purple-200:hover { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .sm\:hover\:from-purple-300:hover { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .sm\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .sm\:hover\:from-purple-400:hover { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .sm\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .sm\:hover\:from-purple-500:hover { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .sm\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .sm\:hover\:from-purple-600:hover { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .sm\:hover\:from-purple-700:hover { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .sm\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .sm\:hover\:from-purple-800:hover { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .sm\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .sm\:hover\:from-purple-900:hover { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .sm\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .sm\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .sm\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .sm\:hover\:from-pink-100:hover { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .sm\:hover\:from-pink-200:hover { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .sm\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .sm\:hover\:from-pink-300:hover { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .sm\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .sm\:hover\:from-pink-400:hover { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .sm\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .sm\:hover\:from-pink-500:hover { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .sm\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .sm\:hover\:from-pink-600:hover { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .sm\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .sm\:hover\:from-pink-700:hover { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .sm\:focus\:translate-x-1\/5:focus { + --transform-translate-x: 20%; } - .sm\:hover\:from-pink-800:hover { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .sm\:focus\:translate-x-2\/5:focus { + --transform-translate-x: 40%; } - .sm\:hover\:from-pink-900:hover { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .sm\:focus\:translate-x-3\/5:focus { + --transform-translate-x: 60%; } - .sm\:hover\:via-transparent:hover { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:focus\:translate-x-4\/5:focus { + --transform-translate-x: 80%; } - .sm\:hover\:via-current:hover { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:focus\:translate-x-1\/6:focus { + --transform-translate-x: 16.666667%; } - .sm\:hover\:via-black:hover { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:focus\:translate-x-2\/6:focus { + --transform-translate-x: 33.333333%; } - .sm\:hover\:via-white:hover { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:focus\:translate-x-3\/6:focus { + --transform-translate-x: 50%; } - .sm\:hover\:via-gray-50:hover { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .sm\:focus\:translate-x-4\/6:focus { + --transform-translate-x: 66.666667%; } - .sm\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .sm\:focus\:translate-x-5\/6:focus { + --transform-translate-x: 83.333333%; } - .sm\:hover\:via-gray-200:hover { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .sm\:focus\:translate-x-1\/12:focus { + --transform-translate-x: 8.333333%; } - .sm\:hover\:via-gray-300:hover { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .sm\:focus\:translate-x-2\/12:focus { + --transform-translate-x: 16.666667%; } - .sm\:hover\:via-gray-400:hover { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .sm\:focus\:translate-x-3\/12:focus { + --transform-translate-x: 25%; } - .sm\:hover\:via-gray-500:hover { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .sm\:focus\:translate-x-4\/12:focus { + --transform-translate-x: 33.333333%; } - .sm\:hover\:via-gray-600:hover { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .sm\:focus\:translate-x-5\/12:focus { + --transform-translate-x: 41.666667%; } - .sm\:hover\:via-gray-700:hover { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .sm\:focus\:translate-x-6\/12:focus { + --transform-translate-x: 50%; } - .sm\:hover\:via-gray-800:hover { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .sm\:focus\:translate-x-7\/12:focus { + --transform-translate-x: 58.333333%; } - .sm\:hover\:via-gray-900:hover { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .sm\:focus\:translate-x-8\/12:focus { + --transform-translate-x: 66.666667%; } - .sm\:hover\:via-red-50:hover { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .sm\:focus\:translate-x-9\/12:focus { + --transform-translate-x: 75%; } - .sm\:hover\:via-red-100:hover { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .sm\:focus\:translate-x-10\/12:focus { + --transform-translate-x: 83.333333%; } - .sm\:hover\:via-red-200:hover { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .sm\:focus\:translate-x-11\/12:focus { + --transform-translate-x: 91.666667%; } - .sm\:hover\:via-red-300:hover { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .sm\:hover\:via-red-400:hover { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .sm\:hover\:via-red-500:hover { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .sm\:hover\:via-red-600:hover { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .sm\:hover\:via-red-700:hover { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .sm\:hover\:via-red-800:hover { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .sm\:hover\:via-red-900:hover { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .sm\:hover\:via-orange-50:hover { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .sm\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .sm\:hover\:via-orange-100:hover { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .sm\:hover\:via-orange-200:hover { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .sm\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .sm\:hover\:via-orange-300:hover { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .sm\:hover\:via-orange-400:hover { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .sm\:focus\:-translate-x-11:focus { + --transform-translate-x: -2.75rem; } - .sm\:hover\:via-orange-500:hover { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .sm\:hover\:via-orange-600:hover { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .sm\:focus\:-translate-x-13:focus { + --transform-translate-x: -3.25rem; } - .sm\:hover\:via-orange-700:hover { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .sm\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .sm\:hover\:via-orange-800:hover { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .sm\:focus\:-translate-x-15:focus { + --transform-translate-x: -3.75rem; } - .sm\:hover\:via-orange-900:hover { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .sm\:hover\:via-yellow-50:hover { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .sm\:hover\:via-yellow-100:hover { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .sm\:hover\:via-yellow-200:hover { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .sm\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .sm\:hover\:via-yellow-300:hover { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .sm\:hover\:via-yellow-400:hover { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .sm\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .sm\:hover\:via-yellow-500:hover { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .sm\:hover\:via-yellow-600:hover { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .sm\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .sm\:hover\:via-yellow-700:hover { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .sm\:hover\:via-yellow-800:hover { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .sm\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .sm\:hover\:via-yellow-900:hover { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .sm\:hover\:via-green-50:hover { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .sm\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .sm\:hover\:via-green-100:hover { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .sm\:hover\:via-green-200:hover { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .sm\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .sm\:hover\:via-green-300:hover { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .sm\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .sm\:hover\:via-green-400:hover { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .sm\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .sm\:hover\:via-green-500:hover { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .sm\:hover\:via-green-600:hover { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .sm\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .sm\:hover\:via-green-700:hover { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .sm\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .sm\:hover\:via-green-800:hover { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .sm\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .sm\:hover\:via-green-900:hover { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .sm\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .sm\:hover\:via-teal-50:hover { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .sm\:hover\:via-teal-100:hover { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .sm\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.33333%; } - .sm\:hover\:via-teal-200:hover { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .sm\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.66667%; } - .sm\:hover\:via-teal-300:hover { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .sm\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .sm\:hover\:via-teal-400:hover { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .sm\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .sm\:hover\:via-teal-500:hover { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .sm\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .sm\:hover\:via-teal-600:hover { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .sm\:focus\:-translate-x-1\/5:focus { + --transform-translate-x: -20%; } - .sm\:hover\:via-teal-700:hover { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .sm\:focus\:-translate-x-2\/5:focus { + --transform-translate-x: -40%; } - .sm\:hover\:via-teal-800:hover { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .sm\:focus\:-translate-x-3\/5:focus { + --transform-translate-x: -60%; } - .sm\:hover\:via-teal-900:hover { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .sm\:focus\:-translate-x-4\/5:focus { + --transform-translate-x: -80%; } - .sm\:hover\:via-blue-50:hover { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .sm\:focus\:-translate-x-1\/6:focus { + --transform-translate-x: -16.66667%; } - .sm\:hover\:via-blue-100:hover { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .sm\:focus\:-translate-x-2\/6:focus { + --transform-translate-x: -33.33333%; } - .sm\:hover\:via-blue-200:hover { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .sm\:focus\:-translate-x-3\/6:focus { + --transform-translate-x: -50%; } - .sm\:hover\:via-blue-300:hover { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .sm\:focus\:-translate-x-4\/6:focus { + --transform-translate-x: -66.66667%; } - .sm\:hover\:via-blue-400:hover { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .sm\:focus\:-translate-x-5\/6:focus { + --transform-translate-x: -83.33333%; } - .sm\:hover\:via-blue-500:hover { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .sm\:focus\:-translate-x-1\/12:focus { + --transform-translate-x: -8.33333%; } - .sm\:hover\:via-blue-600:hover { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .sm\:focus\:-translate-x-2\/12:focus { + --transform-translate-x: -16.66667%; } - .sm\:hover\:via-blue-700:hover { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .sm\:focus\:-translate-x-3\/12:focus { + --transform-translate-x: -25%; } - .sm\:hover\:via-blue-800:hover { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .sm\:focus\:-translate-x-4\/12:focus { + --transform-translate-x: -33.33333%; } - .sm\:hover\:via-blue-900:hover { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .sm\:focus\:-translate-x-5\/12:focus { + --transform-translate-x: -41.66667%; } - .sm\:hover\:via-indigo-50:hover { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .sm\:focus\:-translate-x-6\/12:focus { + --transform-translate-x: -50%; } - .sm\:hover\:via-indigo-100:hover { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .sm\:focus\:-translate-x-7\/12:focus { + --transform-translate-x: -58.33333%; } - .sm\:hover\:via-indigo-200:hover { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .sm\:focus\:-translate-x-8\/12:focus { + --transform-translate-x: -66.66667%; } - .sm\:hover\:via-indigo-300:hover { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .sm\:focus\:-translate-x-9\/12:focus { + --transform-translate-x: -75%; } - .sm\:hover\:via-indigo-400:hover { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .sm\:focus\:-translate-x-10\/12:focus { + --transform-translate-x: -83.33333%; } - .sm\:hover\:via-indigo-500:hover { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .sm\:focus\:-translate-x-11\/12:focus { + --transform-translate-x: -91.66667%; } - .sm\:hover\:via-indigo-600:hover { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .sm\:hover\:via-indigo-700:hover { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .sm\:hover\:via-indigo-800:hover { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .sm\:hover\:via-indigo-900:hover { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .sm\:hover\:via-purple-50:hover { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .sm\:hover\:via-purple-100:hover { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .sm\:hover\:via-purple-200:hover { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .sm\:hover\:via-purple-300:hover { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .sm\:hover\:via-purple-400:hover { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .sm\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .sm\:hover\:via-purple-500:hover { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .sm\:hover\:via-purple-600:hover { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .sm\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .sm\:hover\:via-purple-700:hover { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .sm\:hover\:via-purple-800:hover { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .sm\:focus\:translate-y-11:focus { + --transform-translate-y: 2.75rem; } - .sm\:hover\:via-purple-900:hover { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .sm\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .sm\:focus\:translate-y-13:focus { + --transform-translate-y: 3.25rem; } - .sm\:hover\:via-pink-100:hover { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .sm\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .sm\:hover\:via-pink-200:hover { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .sm\:focus\:translate-y-15:focus { + --transform-translate-y: 3.75rem; } - .sm\:hover\:via-pink-300:hover { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .sm\:hover\:via-pink-400:hover { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .sm\:hover\:via-pink-500:hover { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .sm\:hover\:via-pink-600:hover { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .sm\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .sm\:hover\:via-pink-700:hover { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .sm\:hover\:via-pink-800:hover { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .sm\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .sm\:hover\:via-pink-900:hover { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .sm\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .sm\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .sm\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .sm\:hover\:to-black:hover { - --gradient-to-color: #000000; + .sm\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .sm\:hover\:to-white:hover { - --gradient-to-color: #ffffff; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .sm\:hover\:to-gray-50:hover { - --gradient-to-color: #f9fafb; + .sm\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .sm\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f5f7; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .sm\:hover\:to-gray-200:hover { - --gradient-to-color: #e5e7eb; + .sm\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .sm\:hover\:to-gray-300:hover { - --gradient-to-color: #d2d6dc; + .sm\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .sm\:hover\:to-gray-400:hover { - --gradient-to-color: #9fa6b2; + .sm\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .sm\:hover\:to-gray-500:hover { - --gradient-to-color: #6b7280; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .sm\:hover\:to-gray-600:hover { - --gradient-to-color: #4b5563; + .sm\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .sm\:hover\:to-gray-700:hover { - --gradient-to-color: #374151; + .sm\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .sm\:hover\:to-gray-800:hover { - --gradient-to-color: #252f3f; + .sm\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .sm\:hover\:to-gray-900:hover { - --gradient-to-color: #161e2e; + .sm\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .sm\:hover\:to-red-50:hover { - --gradient-to-color: #fdf2f2; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .sm\:hover\:to-red-100:hover { - --gradient-to-color: #fde8e8; + .sm\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .sm\:hover\:to-red-200:hover { - --gradient-to-color: #fbd5d5; + .sm\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .sm\:hover\:to-red-300:hover { - --gradient-to-color: #f8b4b4; + .sm\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .sm\:hover\:to-red-400:hover { - --gradient-to-color: #f98080; + .sm\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .sm\:hover\:to-red-500:hover { - --gradient-to-color: #f05252; + .sm\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .sm\:hover\:to-red-600:hover { - --gradient-to-color: #e02424; + .sm\:focus\:translate-y-1\/5:focus { + --transform-translate-y: 20%; } - .sm\:hover\:to-red-700:hover { - --gradient-to-color: #c81e1e; + .sm\:focus\:translate-y-2\/5:focus { + --transform-translate-y: 40%; } - .sm\:hover\:to-red-800:hover { - --gradient-to-color: #9b1c1c; + .sm\:focus\:translate-y-3\/5:focus { + --transform-translate-y: 60%; } - .sm\:hover\:to-red-900:hover { - --gradient-to-color: #771d1d; + .sm\:focus\:translate-y-4\/5:focus { + --transform-translate-y: 80%; } - .sm\:hover\:to-orange-50:hover { - --gradient-to-color: #fff8f1; + .sm\:focus\:translate-y-1\/6:focus { + --transform-translate-y: 16.666667%; } - .sm\:hover\:to-orange-100:hover { - --gradient-to-color: #feecdc; + .sm\:focus\:translate-y-2\/6:focus { + --transform-translate-y: 33.333333%; } - .sm\:hover\:to-orange-200:hover { - --gradient-to-color: #fcd9bd; + .sm\:focus\:translate-y-3\/6:focus { + --transform-translate-y: 50%; } - .sm\:hover\:to-orange-300:hover { - --gradient-to-color: #fdba8c; + .sm\:focus\:translate-y-4\/6:focus { + --transform-translate-y: 66.666667%; } - .sm\:hover\:to-orange-400:hover { - --gradient-to-color: #ff8a4c; + .sm\:focus\:translate-y-5\/6:focus { + --transform-translate-y: 83.333333%; } - .sm\:hover\:to-orange-500:hover { - --gradient-to-color: #ff5a1f; + .sm\:focus\:translate-y-1\/12:focus { + --transform-translate-y: 8.333333%; } - .sm\:hover\:to-orange-600:hover { - --gradient-to-color: #d03801; + .sm\:focus\:translate-y-2\/12:focus { + --transform-translate-y: 16.666667%; } - .sm\:hover\:to-orange-700:hover { - --gradient-to-color: #b43403; + .sm\:focus\:translate-y-3\/12:focus { + --transform-translate-y: 25%; } - .sm\:hover\:to-orange-800:hover { - --gradient-to-color: #8a2c0d; + .sm\:focus\:translate-y-4\/12:focus { + --transform-translate-y: 33.333333%; } - .sm\:hover\:to-orange-900:hover { - --gradient-to-color: #73230d; + .sm\:focus\:translate-y-5\/12:focus { + --transform-translate-y: 41.666667%; } - .sm\:hover\:to-yellow-50:hover { - --gradient-to-color: #fdfdea; + .sm\:focus\:translate-y-6\/12:focus { + --transform-translate-y: 50%; } - .sm\:hover\:to-yellow-100:hover { - --gradient-to-color: #fdf6b2; + .sm\:focus\:translate-y-7\/12:focus { + --transform-translate-y: 58.333333%; } - .sm\:hover\:to-yellow-200:hover { - --gradient-to-color: #fce96a; + .sm\:focus\:translate-y-8\/12:focus { + --transform-translate-y: 66.666667%; } - .sm\:hover\:to-yellow-300:hover { - --gradient-to-color: #faca15; + .sm\:focus\:translate-y-9\/12:focus { + --transform-translate-y: 75%; } - .sm\:hover\:to-yellow-400:hover { - --gradient-to-color: #e3a008; + .sm\:focus\:translate-y-10\/12:focus { + --transform-translate-y: 83.333333%; } - .sm\:hover\:to-yellow-500:hover { - --gradient-to-color: #c27803; + .sm\:focus\:translate-y-11\/12:focus { + --transform-translate-y: 91.666667%; } - .sm\:hover\:to-yellow-600:hover { - --gradient-to-color: #9f580a; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .sm\:hover\:to-yellow-700:hover { - --gradient-to-color: #8e4b10; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .sm\:hover\:to-yellow-800:hover { - --gradient-to-color: #723b13; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .sm\:hover\:to-yellow-900:hover { - --gradient-to-color: #633112; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .sm\:hover\:to-green-50:hover { - --gradient-to-color: #f3faf7; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .sm\:hover\:to-green-100:hover { - --gradient-to-color: #def7ec; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .sm\:hover\:to-green-200:hover { - --gradient-to-color: #bcf0da; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .sm\:hover\:to-green-300:hover { - --gradient-to-color: #84e1bc; + .sm\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .sm\:hover\:to-green-400:hover { - --gradient-to-color: #31c48d; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .sm\:hover\:to-green-500:hover { - --gradient-to-color: #0e9f6e; + .sm\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .sm\:hover\:to-green-600:hover { - --gradient-to-color: #057a55; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .sm\:hover\:to-green-700:hover { - --gradient-to-color: #046c4e; + .sm\:focus\:-translate-y-11:focus { + --transform-translate-y: -2.75rem; } - .sm\:hover\:to-green-800:hover { - --gradient-to-color: #03543f; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .sm\:hover\:to-green-900:hover { - --gradient-to-color: #014737; + .sm\:focus\:-translate-y-13:focus { + --transform-translate-y: -3.25rem; } - .sm\:hover\:to-teal-50:hover { - --gradient-to-color: #edfafa; + .sm\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .sm\:hover\:to-teal-100:hover { - --gradient-to-color: #d5f5f6; + .sm\:focus\:-translate-y-15:focus { + --transform-translate-y: -3.75rem; } - .sm\:hover\:to-teal-200:hover { - --gradient-to-color: #afecef; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .sm\:hover\:to-teal-300:hover { - --gradient-to-color: #7edce2; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .sm\:hover\:to-teal-400:hover { - --gradient-to-color: #16bdca; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .sm\:hover\:to-teal-500:hover { - --gradient-to-color: #0694a2; + .sm\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .sm\:hover\:to-teal-600:hover { - --gradient-to-color: #047481; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .sm\:hover\:to-teal-700:hover { - --gradient-to-color: #036672; + .sm\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .sm\:hover\:to-teal-800:hover { - --gradient-to-color: #05505c; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .sm\:hover\:to-teal-900:hover { - --gradient-to-color: #014451; + .sm\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .sm\:hover\:to-blue-50:hover { - --gradient-to-color: #ebf5ff; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .sm\:hover\:to-blue-100:hover { - --gradient-to-color: #e1effe; + .sm\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .sm\:hover\:to-blue-200:hover { - --gradient-to-color: #c3ddfd; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .sm\:hover\:to-blue-300:hover { - --gradient-to-color: #a4cafe; + .sm\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .sm\:hover\:to-blue-400:hover { - --gradient-to-color: #76a9fa; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .sm\:hover\:to-blue-500:hover { - --gradient-to-color: #3f83f8; + .sm\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .sm\:hover\:to-blue-600:hover { - --gradient-to-color: #1c64f2; + .sm\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .sm\:hover\:to-blue-700:hover { - --gradient-to-color: #1a56db; + .sm\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .sm\:hover\:to-blue-800:hover { - --gradient-to-color: #1e429f; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .sm\:hover\:to-blue-900:hover { - --gradient-to-color: #233876; + .sm\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .sm\:hover\:to-indigo-50:hover { - --gradient-to-color: #f0f5ff; + .sm\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .sm\:hover\:to-indigo-100:hover { - --gradient-to-color: #e5edff; + .sm\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .sm\:hover\:to-indigo-200:hover { - --gradient-to-color: #cddbfe; + .sm\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .sm\:hover\:to-indigo-300:hover { - --gradient-to-color: #b4c6fc; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .sm\:hover\:to-indigo-400:hover { - --gradient-to-color: #8da2fb; + .sm\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.33333%; } - .sm\:hover\:to-indigo-500:hover { - --gradient-to-color: #6875f5; + .sm\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.66667%; } - .sm\:hover\:to-indigo-600:hover { - --gradient-to-color: #5850ec; + .sm\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .sm\:hover\:to-indigo-700:hover { - --gradient-to-color: #5145cd; + .sm\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .sm\:hover\:to-indigo-800:hover { - --gradient-to-color: #42389d; + .sm\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .sm\:hover\:to-indigo-900:hover { - --gradient-to-color: #362f78; + .sm\:focus\:-translate-y-1\/5:focus { + --transform-translate-y: -20%; } - .sm\:hover\:to-purple-50:hover { - --gradient-to-color: #f6f5ff; + .sm\:focus\:-translate-y-2\/5:focus { + --transform-translate-y: -40%; } - .sm\:hover\:to-purple-100:hover { - --gradient-to-color: #edebfe; + .sm\:focus\:-translate-y-3\/5:focus { + --transform-translate-y: -60%; } - .sm\:hover\:to-purple-200:hover { - --gradient-to-color: #dcd7fe; + .sm\:focus\:-translate-y-4\/5:focus { + --transform-translate-y: -80%; } - .sm\:hover\:to-purple-300:hover { - --gradient-to-color: #cabffd; + .sm\:focus\:-translate-y-1\/6:focus { + --transform-translate-y: -16.66667%; } - .sm\:hover\:to-purple-400:hover { - --gradient-to-color: #ac94fa; + .sm\:focus\:-translate-y-2\/6:focus { + --transform-translate-y: -33.33333%; } - .sm\:hover\:to-purple-500:hover { - --gradient-to-color: #9061f9; + .sm\:focus\:-translate-y-3\/6:focus { + --transform-translate-y: -50%; } - .sm\:hover\:to-purple-600:hover { - --gradient-to-color: #7e3af2; + .sm\:focus\:-translate-y-4\/6:focus { + --transform-translate-y: -66.66667%; } - .sm\:hover\:to-purple-700:hover { - --gradient-to-color: #6c2bd9; + .sm\:focus\:-translate-y-5\/6:focus { + --transform-translate-y: -83.33333%; } - .sm\:hover\:to-purple-800:hover { - --gradient-to-color: #5521b5; + .sm\:focus\:-translate-y-1\/12:focus { + --transform-translate-y: -8.33333%; } - .sm\:hover\:to-purple-900:hover { - --gradient-to-color: #4a1d96; + .sm\:focus\:-translate-y-2\/12:focus { + --transform-translate-y: -16.66667%; } - .sm\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .sm\:focus\:-translate-y-3\/12:focus { + --transform-translate-y: -25%; } - .sm\:hover\:to-pink-100:hover { - --gradient-to-color: #fce8f3; + .sm\:focus\:-translate-y-4\/12:focus { + --transform-translate-y: -33.33333%; } - .sm\:hover\:to-pink-200:hover { - --gradient-to-color: #fad1e8; + .sm\:focus\:-translate-y-5\/12:focus { + --transform-translate-y: -41.66667%; } - .sm\:hover\:to-pink-300:hover { - --gradient-to-color: #f8b4d9; + .sm\:focus\:-translate-y-6\/12:focus { + --transform-translate-y: -50%; } - .sm\:hover\:to-pink-400:hover { - --gradient-to-color: #f17eb8; + .sm\:focus\:-translate-y-7\/12:focus { + --transform-translate-y: -58.33333%; } - .sm\:hover\:to-pink-500:hover { - --gradient-to-color: #e74694; + .sm\:focus\:-translate-y-8\/12:focus { + --transform-translate-y: -66.66667%; } - .sm\:hover\:to-pink-600:hover { - --gradient-to-color: #d61f69; + .sm\:focus\:-translate-y-9\/12:focus { + --transform-translate-y: -75%; } - .sm\:hover\:to-pink-700:hover { - --gradient-to-color: #bf125d; + .sm\:focus\:-translate-y-10\/12:focus { + --transform-translate-y: -83.33333%; } - .sm\:hover\:to-pink-800:hover { - --gradient-to-color: #99154b; + .sm\:focus\:-translate-y-11\/12:focus { + --transform-translate-y: -91.66667%; } - .sm\:hover\:to-pink-900:hover { - --gradient-to-color: #751a3d; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .sm\:focus\:from-transparent:focus { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:skew-x-0 { + --transform-skew-x: 0; } - .sm\:focus\:from-current:focus { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:skew-x-3 { + --transform-skew-x: 3deg; } - .sm\:focus\:from-black:focus { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:skew-x-6 { + --transform-skew-x: 6deg; } - .sm\:focus\:from-white:focus { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:skew-x-12 { + --transform-skew-x: 12deg; } - .sm\:focus\:from-gray-50:focus { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; } - .sm\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; } - .sm\:focus\:from-gray-200:focus { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; } - .sm\:focus\:from-gray-300:focus { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .sm\:skew-y-0 { + --transform-skew-y: 0; } - .sm\:focus\:from-gray-400:focus { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .sm\:skew-y-3 { + --transform-skew-y: 3deg; } - .sm\:focus\:from-gray-500:focus { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .sm\:skew-y-6 { + --transform-skew-y: 6deg; } - .sm\:focus\:from-gray-600:focus { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .sm\:skew-y-12 { + --transform-skew-y: 12deg; } - .sm\:focus\:from-gray-700:focus { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; } - .sm\:focus\:from-gray-800:focus { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; } - .sm\:focus\:from-gray-900:focus { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; } - .sm\:focus\:from-red-50:focus { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .sm\:focus\:from-red-100:focus { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .sm\:focus\:from-red-200:focus { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .sm\:focus\:from-red-300:focus { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .sm\:focus\:from-red-400:focus { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .sm\:focus\:from-red-500:focus { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .sm\:focus\:from-red-600:focus { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .sm\:focus\:from-red-700:focus { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .sm\:focus\:from-red-800:focus { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .sm\:focus\:from-red-900:focus { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .sm\:focus\:from-orange-50:focus { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .sm\:focus\:from-orange-100:focus { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .sm\:focus\:from-orange-200:focus { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .sm\:focus\:from-orange-300:focus { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .sm\:focus\:from-orange-400:focus { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .sm\:focus\:from-orange-500:focus { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .sm\:focus\:from-orange-600:focus { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .sm\:focus\:from-orange-700:focus { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .sm\:focus\:from-orange-800:focus { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .sm\:focus\:from-orange-900:focus { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .sm\:focus\:from-yellow-50:focus { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .sm\:focus\:from-yellow-100:focus { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .sm\:focus\:from-yellow-200:focus { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .sm\:focus\:from-yellow-300:focus { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .sm\:focus\:from-yellow-400:focus { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .sm\:focus\:from-yellow-500:focus { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .sm\:focus\:from-yellow-600:focus { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .sm\:focus\:from-yellow-700:focus { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .sm\:focus\:from-yellow-800:focus { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .sm\:transition-none { + transition-property: none; } - .sm\:focus\:from-yellow-900:focus { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .sm\:transition-all { + transition-property: all; } - .sm\:focus\:from-green-50:focus { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .sm\:focus\:from-green-100:focus { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .sm\:focus\:from-green-200:focus { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .sm\:transition-opacity { + transition-property: opacity; } - .sm\:focus\:from-green-300:focus { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .sm\:transition-shadow { + transition-property: box-shadow; } - .sm\:focus\:from-green-400:focus { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .sm\:transition-transform { + transition-property: transform; } - .sm\:focus\:from-green-500:focus { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .sm\:ease-linear { + transition-timing-function: linear; } - .sm\:focus\:from-green-600:focus { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .sm\:focus\:from-green-700:focus { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .sm\:focus\:from-green-800:focus { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .sm\:focus\:from-green-900:focus { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .sm\:duration-75 { + transition-duration: 75ms; } - .sm\:focus\:from-teal-50:focus { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .sm\:duration-100 { + transition-duration: 100ms; } - .sm\:focus\:from-teal-100:focus { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .sm\:duration-150 { + transition-duration: 150ms; } - .sm\:focus\:from-teal-200:focus { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .sm\:duration-200 { + transition-duration: 200ms; } - .sm\:focus\:from-teal-300:focus { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .sm\:duration-300 { + transition-duration: 300ms; } - .sm\:focus\:from-teal-400:focus { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .sm\:duration-500 { + transition-duration: 500ms; } - .sm\:focus\:from-teal-500:focus { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .sm\:duration-700 { + transition-duration: 700ms; } - .sm\:focus\:from-teal-600:focus { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .sm\:duration-1000 { + transition-duration: 1000ms; } - .sm\:focus\:from-teal-700:focus { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .sm\:delay-75 { + transition-delay: 75ms; } - .sm\:focus\:from-teal-800:focus { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .sm\:delay-100 { + transition-delay: 100ms; } - .sm\:focus\:from-teal-900:focus { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .sm\:delay-150 { + transition-delay: 150ms; } - .sm\:focus\:from-blue-50:focus { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .sm\:delay-200 { + transition-delay: 200ms; } - .sm\:focus\:from-blue-100:focus { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .sm\:delay-300 { + transition-delay: 300ms; } - .sm\:focus\:from-blue-200:focus { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .sm\:delay-500 { + transition-delay: 500ms; } - .sm\:focus\:from-blue-300:focus { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .sm\:delay-700 { + transition-delay: 700ms; } - .sm\:focus\:from-blue-400:focus { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .sm\:delay-1000 { + transition-delay: 1000ms; } - .sm\:focus\:from-blue-500:focus { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .sm\:animate-none { + animation: none; } - .sm\:focus\:from-blue-600:focus { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .sm\:animate-spin { + animation: spin 1s linear infinite; } - .sm\:focus\:from-blue-700:focus { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .sm\:focus\:from-blue-800:focus { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .sm\:focus\:from-blue-900:focus { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .sm\:animate-bounce { + animation: bounce 1s infinite; } - .sm\:focus\:from-indigo-50:focus { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .sm\:example { + font-weight: 700; + color: #f05252; } +} - .sm\:focus\:from-indigo-100:focus { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); +@media (min-width: 768px) { + .md\:container { + width: 100%; } - .sm\:focus\:from-indigo-200:focus { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + @media (min-width: 640px) { + .md\:container { + max-width: 640px; + } } - .sm\:focus\:from-indigo-300:focus { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + @media (min-width: 768px) { + .md\:container { + max-width: 768px; + } } - .sm\:focus\:from-indigo-400:focus { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; + } } - .sm\:focus\:from-indigo-500:focus { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; + } } - .sm\:focus\:from-indigo-600:focus { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0px * var(--space-y-reverse)); } - .sm\:focus\:from-indigo-700:focus { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-indigo-800:focus { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .sm\:focus\:from-indigo-900:focus { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-purple-50:focus { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .sm\:focus\:from-purple-100:focus { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-purple-200:focus { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .sm\:focus\:from-purple-300:focus { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-purple-400:focus { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .sm\:focus\:from-purple-500:focus { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-purple-600:focus { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .sm\:focus\:from-purple-700:focus { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-purple-800:focus { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .sm\:focus\:from-purple-900:focus { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.75rem * var(--space-y-reverse)); } - .sm\:focus\:from-pink-100:focus { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.75rem * var(--space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-pink-200:focus { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .sm\:focus\:from-pink-300:focus { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); + } + + .md\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.25rem * var(--space-y-reverse)); } - .sm\:focus\:from-pink-400:focus { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.25rem * var(--space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-pink-500:focus { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .sm\:focus\:from-pink-600:focus { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-pink-700:focus { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.75rem * var(--space-y-reverse)); } - .sm\:focus\:from-pink-800:focus { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.75rem * var(--space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:from-pink-900:focus { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .sm\:focus\:via-transparent:focus { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-current:focus { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.25rem * var(--space-y-reverse)); } - .sm\:focus\:via-black:focus { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.25rem * var(--space-x-reverse)); + margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-white:focus { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.5rem * var(--space-y-reverse)); } - .sm\:focus\:via-gray-50:focus { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.5rem * var(--space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.75rem * var(--space-y-reverse)); } - .sm\:focus\:via-gray-200:focus { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.75rem * var(--space-x-reverse)); + margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-gray-300:focus { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .sm\:focus\:via-gray-400:focus { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-gray-500:focus { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .sm\:focus\:via-gray-600:focus { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-gray-700:focus { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .sm\:focus\:via-gray-800:focus { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-gray-900:focus { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(7rem * var(--space-y-reverse)); } - .sm\:focus\:via-red-50:focus { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(7rem * var(--space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-red-100:focus { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .sm\:focus\:via-red-200:focus { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-red-300:focus { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(9rem * var(--space-y-reverse)); } - .sm\:focus\:via-red-400:focus { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(9rem * var(--space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-red-500:focus { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .sm\:focus\:via-red-600:focus { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-red-700:focus { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(11rem * var(--space-y-reverse)); } - .sm\:focus\:via-red-800:focus { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(11rem * var(--space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-red-900:focus { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .sm\:focus\:via-orange-50:focus { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-orange-100:focus { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(13rem * var(--space-y-reverse)); } - .sm\:focus\:via-orange-200:focus { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(13rem * var(--space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-orange-300:focus { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .sm\:focus\:via-orange-400:focus { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-orange-500:focus { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(15rem * var(--space-y-reverse)); } - .sm\:focus\:via-orange-600:focus { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(15rem * var(--space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-orange-700:focus { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .sm\:focus\:via-orange-800:focus { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-orange-900:focus { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(18rem * var(--space-y-reverse)); } - .sm\:focus\:via-yellow-50:focus { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(18rem * var(--space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-yellow-100:focus { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20rem * var(--space-y-reverse)); } - .sm\:focus\:via-yellow-200:focus { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20rem * var(--space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-yellow-300:focus { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(24rem * var(--space-y-reverse)); } - .sm\:focus\:via-yellow-400:focus { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(24rem * var(--space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-yellow-500:focus { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .sm\:focus\:via-yellow-600:focus { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-yellow-700:focus { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.125rem * var(--space-y-reverse)); } - .sm\:focus\:via-yellow-800:focus { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.125rem * var(--space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-yellow-900:focus { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.375rem * var(--space-y-reverse)); } - .sm\:focus\:via-green-50:focus { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.375rem * var(--space-x-reverse)); + margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-green-100:focus { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.625rem * var(--space-y-reverse)); } - .sm\:focus\:via-green-200:focus { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.625rem * var(--space-x-reverse)); + margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-green-300:focus { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.875rem * var(--space-y-reverse)); } - .sm\:focus\:via-green-400:focus { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.875rem * var(--space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-green-500:focus { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .sm\:focus\:via-green-600:focus { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-green-700:focus { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-green-800:focus { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-green-900:focus { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-teal-50:focus { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-teal-100:focus { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .sm\:focus\:via-teal-200:focus { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-teal-300:focus { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .sm\:focus\:via-teal-400:focus { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-teal-500:focus { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .sm\:focus\:via-teal-600:focus { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-teal-700:focus { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20% * var(--space-y-reverse)); } - .sm\:focus\:via-teal-800:focus { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20% * var(--space-x-reverse)); + margin-left: calc(20% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-teal-900:focus { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(40% * var(--space-y-reverse)); } - .sm\:focus\:via-blue-50:focus { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(40% * var(--space-x-reverse)); + margin-left: calc(40% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-blue-100:focus { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(60% * var(--space-y-reverse)); } - .sm\:focus\:via-blue-200:focus { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(60% * var(--space-x-reverse)); + margin-left: calc(60% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-blue-300:focus { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(80% * var(--space-y-reverse)); } - .sm\:focus\:via-blue-400:focus { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(80% * var(--space-x-reverse)); + margin-left: calc(80% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-blue-500:focus { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-blue-600:focus { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-blue-700:focus { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-blue-800:focus { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-blue-900:focus { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .sm\:focus\:via-indigo-50:focus { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-indigo-100:focus { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-indigo-200:focus { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-indigo-300:focus { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-indigo-400:focus { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-indigo-500:focus { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-indigo-600:focus { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8.333333% * var(--space-x-reverse)); + margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-indigo-700:focus { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-indigo-800:focus { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-indigo-900:focus { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .sm\:focus\:via-purple-50:focus { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-purple-100:focus { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-purple-200:focus { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-purple-300:focus { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(41.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-purple-400:focus { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(41.666667% * var(--space-x-reverse)); + margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-purple-500:focus { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .sm\:focus\:via-purple-600:focus { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-purple-700:focus { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(58.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-purple-800:focus { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(58.333333% * var(--space-x-reverse)); + margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-purple-900:focus { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-pink-100:focus { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .sm\:focus\:via-pink-200:focus { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-pink-300:focus { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .sm\:focus\:via-pink-400:focus { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-pink-500:focus { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(91.666667% * var(--space-y-reverse)); } - .sm\:focus\:via-pink-600:focus { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(91.666667% * var(--space-x-reverse)); + margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-pink-700:focus { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(100% * var(--space-y-reverse)); } - .sm\:focus\:via-pink-800:focus { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(100% * var(--space-x-reverse)); + margin-left: calc(100% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:via-pink-900:focus { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .sm\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .md\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .sm\:focus\:to-black:focus { - --gradient-to-color: #000000; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-white:focus { - --gradient-to-color: #ffffff; + .md\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .sm\:focus\:to-gray-50:focus { - --gradient-to-color: #f9fafb; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f5f7; + .md\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .sm\:focus\:to-gray-200:focus { - --gradient-to-color: #e5e7eb; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-gray-300:focus { - --gradient-to-color: #d2d6dc; + .md\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .sm\:focus\:to-gray-400:focus { - --gradient-to-color: #9fa6b2; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-gray-500:focus { - --gradient-to-color: #6b7280; + .md\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .sm\:focus\:to-gray-600:focus { - --gradient-to-color: #4b5563; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-gray-700:focus { - --gradient-to-color: #374151; + .md\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--space-y-reverse)); } - .sm\:focus\:to-gray-800:focus { - --gradient-to-color: #252f3f; + .md\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-gray-900:focus { - --gradient-to-color: #161e2e; + .md\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .sm\:focus\:to-red-50:focus { - --gradient-to-color: #fdf2f2; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-red-100:focus { - --gradient-to-color: #fde8e8; + .md\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--space-y-reverse)); } - .sm\:focus\:to-red-200:focus { - --gradient-to-color: #fbd5d5; + .md\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-red-300:focus { - --gradient-to-color: #f8b4b4; + .md\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .sm\:focus\:to-red-400:focus { - --gradient-to-color: #f98080; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-red-500:focus { - --gradient-to-color: #f05252; + .md\:-space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--space-y-reverse)); } - .sm\:focus\:to-red-600:focus { - --gradient-to-color: #e02424; + .md\:-space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-red-700:focus { - --gradient-to-color: #c81e1e; + .md\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .sm\:focus\:to-red-800:focus { - --gradient-to-color: #9b1c1c; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-red-900:focus { - --gradient-to-color: #771d1d; + .md\:-space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.25rem * var(--space-y-reverse)); } - .sm\:focus\:to-orange-50:focus { - --gradient-to-color: #fff8f1; + .md\:-space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.25rem * var(--space-x-reverse)); + margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-orange-100:focus { - --gradient-to-color: #feecdc; + .md\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--space-y-reverse)); } - .sm\:focus\:to-orange-200:focus { - --gradient-to-color: #fcd9bd; + .md\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-orange-300:focus { - --gradient-to-color: #fdba8c; + .md\:-space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.75rem * var(--space-y-reverse)); } - .sm\:focus\:to-orange-400:focus { - --gradient-to-color: #ff8a4c; + .md\:-space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.75rem * var(--space-x-reverse)); + margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-orange-500:focus { - --gradient-to-color: #ff5a1f; + .md\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .sm\:focus\:to-orange-600:focus { - --gradient-to-color: #d03801; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-orange-700:focus { - --gradient-to-color: #b43403; + .md\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .sm\:focus\:to-orange-800:focus { - --gradient-to-color: #8a2c0d; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-orange-900:focus { - --gradient-to-color: #73230d; + .md\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .sm\:focus\:to-yellow-50:focus { - --gradient-to-color: #fdfdea; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-yellow-100:focus { - --gradient-to-color: #fdf6b2; + .md\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-7rem * var(--space-y-reverse)); } - .sm\:focus\:to-yellow-200:focus { - --gradient-to-color: #fce96a; + .md\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-7rem * var(--space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-yellow-300:focus { - --gradient-to-color: #faca15; + .md\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .sm\:focus\:to-yellow-400:focus { - --gradient-to-color: #e3a008; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-yellow-500:focus { - --gradient-to-color: #c27803; + .md\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-9rem * var(--space-y-reverse)); } - .sm\:focus\:to-yellow-600:focus { - --gradient-to-color: #9f580a; + .md\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-9rem * var(--space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-yellow-700:focus { - --gradient-to-color: #8e4b10; + .md\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .sm\:focus\:to-yellow-800:focus { - --gradient-to-color: #723b13; + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-yellow-900:focus { - --gradient-to-color: #633112; + .md\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-11rem * var(--space-y-reverse)); } - .sm\:focus\:to-green-50:focus { - --gradient-to-color: #f3faf7; + .md\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-11rem * var(--space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-green-100:focus { - --gradient-to-color: #def7ec; + .md\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .sm\:focus\:to-green-200:focus { - --gradient-to-color: #bcf0da; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-green-300:focus { - --gradient-to-color: #84e1bc; + .md\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-13rem * var(--space-y-reverse)); } - .sm\:focus\:to-green-400:focus { - --gradient-to-color: #31c48d; + .md\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-13rem * var(--space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-green-500:focus { - --gradient-to-color: #0e9f6e; + .md\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .sm\:focus\:to-green-600:focus { - --gradient-to-color: #057a55; + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-green-700:focus { - --gradient-to-color: #046c4e; + .md\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-15rem * var(--space-y-reverse)); } - .sm\:focus\:to-green-800:focus { - --gradient-to-color: #03543f; + .md\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-15rem * var(--space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-green-900:focus { - --gradient-to-color: #014737; + .md\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .sm\:focus\:to-teal-50:focus { - --gradient-to-color: #edfafa; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-teal-100:focus { - --gradient-to-color: #d5f5f6; + .md\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-18rem * var(--space-y-reverse)); } - .sm\:focus\:to-teal-200:focus { - --gradient-to-color: #afecef; + .md\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-18rem * var(--space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-teal-300:focus { - --gradient-to-color: #7edce2; + .md\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20rem * var(--space-y-reverse)); } - .sm\:focus\:to-teal-400:focus { - --gradient-to-color: #16bdca; + .md\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20rem * var(--space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-teal-500:focus { - --gradient-to-color: #0694a2; + .md\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-24rem * var(--space-y-reverse)); } - .sm\:focus\:to-teal-600:focus { - --gradient-to-color: #047481; + .md\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-24rem * var(--space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-teal-700:focus { - --gradient-to-color: #036672; + .md\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .sm\:focus\:to-teal-800:focus { - --gradient-to-color: #05505c; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-teal-900:focus { - --gradient-to-color: #014451; + .md\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.125rem * var(--space-y-reverse)); } - .sm\:focus\:to-blue-50:focus { - --gradient-to-color: #ebf5ff; + .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-blue-100:focus { - --gradient-to-color: #e1effe; + .md\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.375rem * var(--space-y-reverse)); } - .sm\:focus\:to-blue-200:focus { - --gradient-to-color: #c3ddfd; + .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.375rem * var(--space-x-reverse)); + margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-blue-300:focus { - --gradient-to-color: #a4cafe; + .md\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.625rem * var(--space-y-reverse)); } - .sm\:focus\:to-blue-400:focus { - --gradient-to-color: #76a9fa; + .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.625rem * var(--space-x-reverse)); + margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-blue-500:focus { - --gradient-to-color: #3f83f8; + .md\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--space-y-reverse)); } - .sm\:focus\:to-blue-600:focus { - --gradient-to-color: #1c64f2; + .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-blue-700:focus { - --gradient-to-color: #1a56db; + .md\:-space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .sm\:focus\:to-blue-800:focus { - --gradient-to-color: #1e429f; + .md\:-space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-blue-900:focus { - --gradient-to-color: #233876; + .md\:-space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .sm\:focus\:to-indigo-50:focus { - --gradient-to-color: #f0f5ff; + .md\:-space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-indigo-100:focus { - --gradient-to-color: #e5edff; + .md\:-space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .sm\:focus\:to-indigo-200:focus { - --gradient-to-color: #cddbfe; + .md\:-space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-indigo-300:focus { - --gradient-to-color: #b4c6fc; + .md\:-space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .sm\:focus\:to-indigo-400:focus { - --gradient-to-color: #8da2fb; + .md\:-space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-indigo-500:focus { - --gradient-to-color: #6875f5; + .md\:-space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .sm\:focus\:to-indigo-600:focus { - --gradient-to-color: #5850ec; + .md\:-space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-indigo-700:focus { - --gradient-to-color: #5145cd; + .md\:-space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .sm\:focus\:to-indigo-800:focus { - --gradient-to-color: #42389d; + .md\:-space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-indigo-900:focus { - --gradient-to-color: #362f78; + .md\:-space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20% * var(--space-y-reverse)); } - .sm\:focus\:to-purple-50:focus { - --gradient-to-color: #f6f5ff; + .md\:-space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20% * var(--space-x-reverse)); + margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-purple-100:focus { - --gradient-to-color: #edebfe; + .md\:-space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-40% * var(--space-y-reverse)); } - .sm\:focus\:to-purple-200:focus { - --gradient-to-color: #dcd7fe; + .md\:-space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-40% * var(--space-x-reverse)); + margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-purple-300:focus { - --gradient-to-color: #cabffd; + .md\:-space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-60% * var(--space-y-reverse)); } - .sm\:focus\:to-purple-400:focus { - --gradient-to-color: #ac94fa; + .md\:-space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-60% * var(--space-x-reverse)); + margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-purple-500:focus { - --gradient-to-color: #9061f9; + .md\:-space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-80% * var(--space-y-reverse)); } - .sm\:focus\:to-purple-600:focus { - --gradient-to-color: #7e3af2; + .md\:-space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-80% * var(--space-x-reverse)); + margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-purple-700:focus { - --gradient-to-color: #6c2bd9; + .md\:-space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .sm\:focus\:to-purple-800:focus { - --gradient-to-color: #5521b5; + .md\:-space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-purple-900:focus { - --gradient-to-color: #4a1d96; + .md\:-space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .sm\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .md\:-space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-pink-100:focus { - --gradient-to-color: #fce8f3; + .md\:-space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .sm\:focus\:to-pink-200:focus { - --gradient-to-color: #fad1e8; + .md\:-space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-pink-300:focus { - --gradient-to-color: #f8b4d9; + .md\:-space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .sm\:focus\:to-pink-400:focus { - --gradient-to-color: #f17eb8; + .md\:-space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-pink-500:focus { - --gradient-to-color: #e74694; + .md\:-space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .sm\:focus\:to-pink-600:focus { - --gradient-to-color: #d61f69; + .md\:-space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-pink-700:focus { - --gradient-to-color: #bf125d; + .md\:-space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8.33333% * var(--space-y-reverse)); } - .sm\:focus\:to-pink-800:focus { - --gradient-to-color: #99154b; + .md\:-space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8.33333% * var(--space-x-reverse)); + margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:to-pink-900:focus { - --gradient-to-color: #751a3d; + .md\:-space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .sm\:bg-opacity-0 { - --bg-opacity: 0; + .md\:-space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-opacity-25 { - --bg-opacity: 0.25; + .md\:-space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .sm\:bg-opacity-50 { - --bg-opacity: 0.5; + .md\:-space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-opacity-75 { - --bg-opacity: 0.75; + .md\:-space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .sm\:bg-opacity-100 { - --bg-opacity: 1; + .md\:-space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .md\:-space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-41.66667% * var(--space-y-reverse)); } - .sm\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .md\:-space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-41.66667% * var(--space-x-reverse)); + margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .md\:-space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .sm\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .md\:-space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .md\:-space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-58.33333% * var(--space-y-reverse)); } - .sm\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .md\:-space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-58.33333% * var(--space-x-reverse)); + margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .md\:-space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .sm\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .md\:-space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .md\:-space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .sm\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .md\:-space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-bottom { - background-position: bottom; + .md\:-space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .sm\:bg-center { - background-position: center; + .md\:-space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-left { - background-position: left; + .md\:-space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-91.66667% * var(--space-y-reverse)); } - .sm\:bg-left-bottom { - background-position: left bottom; + .md\:-space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-91.66667% * var(--space-x-reverse)); + margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-left-top { - background-position: left top; + .md\:-space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-100% * var(--space-y-reverse)); } - .sm\:bg-right { - background-position: right; + .md\:-space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-100% * var(--space-x-reverse)); + margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); } - .sm\:bg-right-bottom { - background-position: right bottom; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .sm\:bg-right-top { - background-position: right top; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .sm\:bg-top { - background-position: top; + .md\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0px * var(--divide-y-reverse)); } - .sm\:bg-repeat { - background-repeat: repeat; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .md\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .md\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .md\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .sm\:bg-repeat-round { - background-repeat: round; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-repeat-space { - background-repeat: space; + .md\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .sm\:bg-auto { - background-size: auto; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-cover { - background-size: cover; + .md\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .sm\:bg-contain { - background-size: contain; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .sm\:border-collapse { - border-collapse: collapse; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .sm\:border-separate { - border-collapse: separate; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .sm\:border-transparent { + .md\:divide-transparent > :not(template) ~ :not(template) { border-color: transparent; } - .sm\:border-current { + .md\:divide-current > :not(template) ~ :not(template) { border-color: currentColor; } - .sm\:border-black { - --border-opacity: 1; + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .sm\:border-white { - --border-opacity: 1; + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .sm\:border-gray-50 { - --border-opacity: 1; + .md\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + border-color: rgba(249, 250, 251, var(--divide-opacity)); } - .sm\:border-gray-100 { - --border-opacity: 1; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + border-color: rgba(244, 245, 247, var(--divide-opacity)); } - .sm\:border-gray-200 { - --border-opacity: 1; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + border-color: rgba(229, 231, 235, var(--divide-opacity)); } - .sm\:border-gray-300 { - --border-opacity: 1; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + border-color: rgba(210, 214, 220, var(--divide-opacity)); } - .sm\:border-gray-400 { - --border-opacity: 1; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + border-color: rgba(159, 166, 178, var(--divide-opacity)); } - .sm\:border-gray-500 { - --border-opacity: 1; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + border-color: rgba(107, 114, 128, var(--divide-opacity)); } - .sm\:border-gray-600 { - --border-opacity: 1; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + border-color: rgba(75, 85, 99, var(--divide-opacity)); } - .sm\:border-gray-700 { - --border-opacity: 1; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + border-color: rgba(55, 65, 81, var(--divide-opacity)); } - .sm\:border-gray-800 { - --border-opacity: 1; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + border-color: rgba(37, 47, 63, var(--divide-opacity)); } - .sm\:border-gray-900 { - --border-opacity: 1; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + border-color: rgba(22, 30, 46, var(--divide-opacity)); } - .sm\:border-red-50 { - --border-opacity: 1; + .md\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + border-color: rgba(253, 242, 242, var(--divide-opacity)); } - .sm\:border-red-100 { - --border-opacity: 1; + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + border-color: rgba(253, 232, 232, var(--divide-opacity)); } - .sm\:border-red-200 { - --border-opacity: 1; + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + border-color: rgba(251, 213, 213, var(--divide-opacity)); } - .sm\:border-red-300 { - --border-opacity: 1; + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + border-color: rgba(248, 180, 180, var(--divide-opacity)); } - .sm\:border-red-400 { - --border-opacity: 1; + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + border-color: rgba(249, 128, 128, var(--divide-opacity)); } - .sm\:border-red-500 { - --border-opacity: 1; + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + border-color: rgba(240, 82, 82, var(--divide-opacity)); } - .sm\:border-red-600 { - --border-opacity: 1; + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + border-color: rgba(224, 36, 36, var(--divide-opacity)); } - .sm\:border-red-700 { - --border-opacity: 1; + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + border-color: rgba(200, 30, 30, var(--divide-opacity)); } - .sm\:border-red-800 { - --border-opacity: 1; + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + border-color: rgba(155, 28, 28, var(--divide-opacity)); } - .sm\:border-red-900 { - --border-opacity: 1; + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + border-color: rgba(119, 29, 29, var(--divide-opacity)); } - .sm\:border-orange-50 { - --border-opacity: 1; + .md\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + border-color: rgba(255, 248, 241, var(--divide-opacity)); } - .sm\:border-orange-100 { - --border-opacity: 1; + .md\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + border-color: rgba(254, 236, 220, var(--divide-opacity)); } - .sm\:border-orange-200 { - --border-opacity: 1; + .md\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + border-color: rgba(252, 217, 189, var(--divide-opacity)); } - .sm\:border-orange-300 { - --border-opacity: 1; + .md\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + border-color: rgba(253, 186, 140, var(--divide-opacity)); } - .sm\:border-orange-400 { - --border-opacity: 1; + .md\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + border-color: rgba(255, 138, 76, var(--divide-opacity)); } - .sm\:border-orange-500 { - --border-opacity: 1; + .md\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + border-color: rgba(255, 90, 31, var(--divide-opacity)); } - .sm\:border-orange-600 { - --border-opacity: 1; + .md\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + border-color: rgba(208, 56, 1, var(--divide-opacity)); } - .sm\:border-orange-700 { - --border-opacity: 1; + .md\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + border-color: rgba(180, 52, 3, var(--divide-opacity)); } - .sm\:border-orange-800 { - --border-opacity: 1; + .md\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + border-color: rgba(138, 44, 13, var(--divide-opacity)); } - .sm\:border-orange-900 { - --border-opacity: 1; + .md\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + border-color: rgba(115, 35, 13, var(--divide-opacity)); } - .sm\:border-yellow-50 { - --border-opacity: 1; + .md\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + border-color: rgba(253, 253, 234, var(--divide-opacity)); } - .sm\:border-yellow-100 { - --border-opacity: 1; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + border-color: rgba(253, 246, 178, var(--divide-opacity)); } - .sm\:border-yellow-200 { - --border-opacity: 1; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + border-color: rgba(252, 233, 106, var(--divide-opacity)); } - .sm\:border-yellow-300 { - --border-opacity: 1; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + border-color: rgba(250, 202, 21, var(--divide-opacity)); } - .sm\:border-yellow-400 { - --border-opacity: 1; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + border-color: rgba(227, 160, 8, var(--divide-opacity)); } - .sm\:border-yellow-500 { - --border-opacity: 1; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + border-color: rgba(194, 120, 3, var(--divide-opacity)); } - .sm\:border-yellow-600 { - --border-opacity: 1; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + border-color: rgba(159, 88, 10, var(--divide-opacity)); } - .sm\:border-yellow-700 { - --border-opacity: 1; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + border-color: rgba(142, 75, 16, var(--divide-opacity)); } - .sm\:border-yellow-800 { - --border-opacity: 1; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + border-color: rgba(114, 59, 19, var(--divide-opacity)); } - .sm\:border-yellow-900 { - --border-opacity: 1; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + border-color: rgba(99, 49, 18, var(--divide-opacity)); } - .sm\:border-green-50 { - --border-opacity: 1; + .md\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + border-color: rgba(243, 250, 247, var(--divide-opacity)); } - .sm\:border-green-100 { - --border-opacity: 1; + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + border-color: rgba(222, 247, 236, var(--divide-opacity)); } - .sm\:border-green-200 { - --border-opacity: 1; + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + border-color: rgba(188, 240, 218, var(--divide-opacity)); } - .sm\:border-green-300 { - --border-opacity: 1; + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + border-color: rgba(132, 225, 188, var(--divide-opacity)); } - .sm\:border-green-400 { - --border-opacity: 1; + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + border-color: rgba(49, 196, 141, var(--divide-opacity)); } - .sm\:border-green-500 { - --border-opacity: 1; + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + border-color: rgba(14, 159, 110, var(--divide-opacity)); } - .sm\:border-green-600 { - --border-opacity: 1; + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + border-color: rgba(5, 122, 85, var(--divide-opacity)); } - .sm\:border-green-700 { - --border-opacity: 1; + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + border-color: rgba(4, 108, 78, var(--divide-opacity)); } - .sm\:border-green-800 { - --border-opacity: 1; + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + border-color: rgba(3, 84, 63, var(--divide-opacity)); } - .sm\:border-green-900 { - --border-opacity: 1; + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + border-color: rgba(1, 71, 55, var(--divide-opacity)); } - .sm\:border-teal-50 { - --border-opacity: 1; + .md\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + border-color: rgba(237, 250, 250, var(--divide-opacity)); } - .sm\:border-teal-100 { - --border-opacity: 1; + .md\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + border-color: rgba(213, 245, 246, var(--divide-opacity)); } - .sm\:border-teal-200 { - --border-opacity: 1; + .md\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + border-color: rgba(175, 236, 239, var(--divide-opacity)); } - .sm\:border-teal-300 { - --border-opacity: 1; + .md\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + border-color: rgba(126, 220, 226, var(--divide-opacity)); } - .sm\:border-teal-400 { - --border-opacity: 1; + .md\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + border-color: rgba(22, 189, 202, var(--divide-opacity)); } - .sm\:border-teal-500 { - --border-opacity: 1; + .md\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + border-color: rgba(6, 148, 162, var(--divide-opacity)); } - .sm\:border-teal-600 { - --border-opacity: 1; + .md\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + border-color: rgba(4, 116, 129, var(--divide-opacity)); } - .sm\:border-teal-700 { - --border-opacity: 1; + .md\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + border-color: rgba(3, 102, 114, var(--divide-opacity)); } - .sm\:border-teal-800 { - --border-opacity: 1; + .md\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + border-color: rgba(5, 80, 92, var(--divide-opacity)); } - .sm\:border-teal-900 { - --border-opacity: 1; + .md\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + border-color: rgba(1, 68, 81, var(--divide-opacity)); } - .sm\:border-blue-50 { - --border-opacity: 1; + .md\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + border-color: rgba(235, 245, 255, var(--divide-opacity)); } - .sm\:border-blue-100 { - --border-opacity: 1; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + border-color: rgba(225, 239, 254, var(--divide-opacity)); } - .sm\:border-blue-200 { - --border-opacity: 1; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + border-color: rgba(195, 221, 253, var(--divide-opacity)); } - .sm\:border-blue-300 { - --border-opacity: 1; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + border-color: rgba(164, 202, 254, var(--divide-opacity)); } - .sm\:border-blue-400 { - --border-opacity: 1; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + border-color: rgba(118, 169, 250, var(--divide-opacity)); } - .sm\:border-blue-500 { - --border-opacity: 1; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + border-color: rgba(63, 131, 248, var(--divide-opacity)); } - .sm\:border-blue-600 { - --border-opacity: 1; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + border-color: rgba(28, 100, 242, var(--divide-opacity)); } - .sm\:border-blue-700 { - --border-opacity: 1; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + border-color: rgba(26, 86, 219, var(--divide-opacity)); } - .sm\:border-blue-800 { - --border-opacity: 1; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + border-color: rgba(30, 66, 159, var(--divide-opacity)); } - .sm\:border-blue-900 { - --border-opacity: 1; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + border-color: rgba(35, 56, 118, var(--divide-opacity)); } - .sm\:border-indigo-50 { - --border-opacity: 1; + .md\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + border-color: rgba(240, 245, 255, var(--divide-opacity)); } - .sm\:border-indigo-100 { - --border-opacity: 1; + .md\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + border-color: rgba(229, 237, 255, var(--divide-opacity)); } - .sm\:border-indigo-200 { - --border-opacity: 1; + .md\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + border-color: rgba(205, 219, 254, var(--divide-opacity)); } - .sm\:border-indigo-300 { - --border-opacity: 1; + .md\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + border-color: rgba(180, 198, 252, var(--divide-opacity)); } - .sm\:border-indigo-400 { - --border-opacity: 1; + .md\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + border-color: rgba(141, 162, 251, var(--divide-opacity)); } - .sm\:border-indigo-500 { - --border-opacity: 1; + .md\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + border-color: rgba(104, 117, 245, var(--divide-opacity)); } - .sm\:border-indigo-600 { - --border-opacity: 1; + .md\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + border-color: rgba(88, 80, 236, var(--divide-opacity)); } - .sm\:border-indigo-700 { - --border-opacity: 1; + .md\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + border-color: rgba(81, 69, 205, var(--divide-opacity)); } - .sm\:border-indigo-800 { - --border-opacity: 1; + .md\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + border-color: rgba(66, 56, 157, var(--divide-opacity)); } - .sm\:border-indigo-900 { - --border-opacity: 1; + .md\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + border-color: rgba(54, 47, 120, var(--divide-opacity)); } - .sm\:border-purple-50 { - --border-opacity: 1; + .md\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + border-color: rgba(246, 245, 255, var(--divide-opacity)); } - .sm\:border-purple-100 { - --border-opacity: 1; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + border-color: rgba(237, 235, 254, var(--divide-opacity)); } - .sm\:border-purple-200 { - --border-opacity: 1; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + border-color: rgba(220, 215, 254, var(--divide-opacity)); } - .sm\:border-purple-300 { - --border-opacity: 1; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + border-color: rgba(202, 191, 253, var(--divide-opacity)); } - .sm\:border-purple-400 { - --border-opacity: 1; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + border-color: rgba(172, 148, 250, var(--divide-opacity)); } - .sm\:border-purple-500 { - --border-opacity: 1; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + border-color: rgba(144, 97, 249, var(--divide-opacity)); } - .sm\:border-purple-600 { - --border-opacity: 1; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + border-color: rgba(126, 58, 242, var(--divide-opacity)); } - .sm\:border-purple-700 { - --border-opacity: 1; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + border-color: rgba(108, 43, 217, var(--divide-opacity)); } - .sm\:border-purple-800 { - --border-opacity: 1; + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + border-color: rgba(85, 33, 181, var(--divide-opacity)); } - .sm\:border-purple-900 { - --border-opacity: 1; + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + border-color: rgba(74, 29, 150, var(--divide-opacity)); } - .sm\:border-pink-50 { - --border-opacity: 1; + .md\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .sm\:border-pink-100 { - --border-opacity: 1; + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + border-color: rgba(252, 232, 243, var(--divide-opacity)); } - .sm\:border-pink-200 { - --border-opacity: 1; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + border-color: rgba(250, 209, 232, var(--divide-opacity)); } - .sm\:border-pink-300 { - --border-opacity: 1; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + border-color: rgba(248, 180, 217, var(--divide-opacity)); } - .sm\:border-pink-400 { - --border-opacity: 1; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + border-color: rgba(241, 126, 184, var(--divide-opacity)); } - .sm\:border-pink-500 { - --border-opacity: 1; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + border-color: rgba(231, 70, 148, var(--divide-opacity)); } - .sm\:border-pink-600 { - --border-opacity: 1; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + border-color: rgba(214, 31, 105, var(--divide-opacity)); } - .sm\:border-pink-700 { - --border-opacity: 1; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + border-color: rgba(191, 18, 93, var(--divide-opacity)); } - .sm\:border-pink-800 { - --border-opacity: 1; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + border-color: rgba(153, 21, 75, var(--divide-opacity)); } - .sm\:border-pink-900 { - --border-opacity: 1; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + border-color: rgba(117, 26, 61, var(--divide-opacity)); } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + @media (prefers-color-scheme: dark) { + .md\:dark\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } + + .md\:dark\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } + + .md\:dark\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } + + .md\:dark\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } + + .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } + + .md\:dark\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } + + .md\:dark\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } + + .md\:dark\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } + + .md\:dark\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } + + .md\:dark\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } + + .md\:dark\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } + + .md\:dark\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } + + .md\:dark\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } + + .md\:dark\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } + + .md\:dark\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } + + .md\:dark\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } + + .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } + + .md\:dark\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } + + .md\:dark\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } + + .md\:dark\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } + + .md\:dark\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } + + .md\:dark\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } + + .md\:dark\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } + + .md\:dark\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } + + .md\:dark\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } + + .md\:dark\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } + + .md\:dark\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } + + .md\:dark\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } + + .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } + + .md\:dark\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } + + .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } + + .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } } - .sm\:hover\:border-current:hover { - border-color: currentColor; + .md\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .sm\:hover\:border-black:hover { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .sm\:hover\:border-white:hover { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .sm\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + .md\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .sm\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + .md\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .sm\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .sm\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .sm\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .sm\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .sm\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .sm\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + .md\:sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + .md\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + .md\:appearance-none { + appearance: none; } - .sm\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + .md\:bg-fixed { + background-attachment: fixed; } - .sm\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + .md\:bg-local { + background-attachment: local; } - .sm\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + .md\:bg-scroll { + background-attachment: scroll; } - .sm\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + .md\:bg-clip-border { + background-clip: border-box; } - .sm\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + .md\:bg-clip-padding { + background-clip: padding-box; } - .sm\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + .md\:bg-clip-content { + background-clip: content-box; } - .sm\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + .md\:bg-clip-text { + background-clip: text; } - .sm\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + .md\:bg-transparent { + background-color: transparent; } - .sm\:hover\:border-orange-50:hover { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + .md\:bg-current { + background-color: currentColor; } - .sm\:hover\:border-orange-100:hover { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + .md\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:hover\:border-orange-200:hover { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + .md\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:hover\:border-orange-300:hover { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + .md\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .sm\:hover\:border-orange-400:hover { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + .md\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .sm\:hover\:border-orange-500:hover { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + .md\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .sm\:hover\:border-orange-600:hover { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + .md\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .sm\:hover\:border-orange-700:hover { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + .md\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .sm\:hover\:border-orange-800:hover { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + .md\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .sm\:hover\:border-orange-900:hover { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + .md\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .sm\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + .md\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .sm\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + .md\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .sm\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + .md\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .sm\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + .md\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .sm\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + .md\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .sm\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + .md\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .sm\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + .md\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .sm\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + .md\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .sm\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + .md\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .sm\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + .md\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .sm\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + .md\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .sm\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + .md\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .sm\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + .md\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .sm\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + .md\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .sm\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + .md\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .sm\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + .md\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .sm\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .md\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .sm\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .md\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .sm\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .md\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .sm\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .md\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .sm\:hover\:border-teal-50:hover { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .md\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .sm\:hover\:border-teal-100:hover { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .md\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .sm\:hover\:border-teal-200:hover { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .md\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .sm\:hover\:border-teal-300:hover { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .md\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .sm\:hover\:border-teal-400:hover { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .md\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .sm\:hover\:border-teal-500:hover { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .md\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .sm\:hover\:border-teal-600:hover { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .md\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .sm\:hover\:border-teal-700:hover { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .md\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .sm\:hover\:border-teal-800:hover { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .md\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .sm\:hover\:border-teal-900:hover { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .md\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .sm\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .md\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .sm\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .md\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .sm\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .md\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .sm\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .md\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .sm\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .md\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .sm\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .md\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .sm\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .md\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .sm\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .md\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .sm\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .md\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .sm\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .md\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .sm\:hover\:border-indigo-50:hover { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .md\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .sm\:hover\:border-indigo-100:hover { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .md\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .sm\:hover\:border-indigo-200:hover { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .md\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .sm\:hover\:border-indigo-300:hover { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .md\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .sm\:hover\:border-indigo-400:hover { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .md\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .md\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .md\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .md\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .md\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .md\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .md\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .md\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .md\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .sm\:hover\:border-indigo-500:hover { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .md\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .sm\:hover\:border-indigo-600:hover { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .md\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .sm\:hover\:border-indigo-700:hover { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .md\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .sm\:hover\:border-indigo-800:hover { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .md\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .sm\:hover\:border-indigo-900:hover { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .md\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .sm\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .md\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .sm\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .md\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .sm\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .md\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .sm\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .md\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .sm\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .md\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .sm\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .md\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .sm\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .md\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .sm\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .md\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .sm\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .md\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .sm\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .md\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .sm\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .sm\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .md\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .sm\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .md\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .sm\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .md\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .sm\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .md\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .sm\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .md\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .sm\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .md\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .sm\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .md\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .sm\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .md\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .sm\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .md\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .sm\:focus\:border-transparent:focus { - border-color: transparent; + .md\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .sm\:focus\:border-current:focus { - border-color: currentColor; + .md\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .sm\:focus\:border-black:focus { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .sm\:focus\:border-white:focus { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .sm\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + .md\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .sm\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + .md\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .sm\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + .md\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .sm\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + .md\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .sm\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + .md\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .sm\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + .md\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .sm\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + .md\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .sm\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + .md\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .sm\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + .md\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .sm\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + .md\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .sm\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + .md\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .sm\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .sm\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + .md\:hover\:bg-current:hover { + background-color: currentColor; } - .sm\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + .md\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + .md\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + .md\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .sm\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .sm\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .sm\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .sm\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .sm\:focus\:border-orange-50:focus { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .sm\:focus\:border-orange-100:focus { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .sm\:focus\:border-orange-200:focus { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .sm\:focus\:border-orange-300:focus { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .sm\:focus\:border-orange-400:focus { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .sm\:focus\:border-orange-500:focus { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + .md\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .sm\:focus\:border-orange-600:focus { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .sm\:focus\:border-orange-700:focus { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .sm\:focus\:border-orange-800:focus { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .sm\:focus\:border-orange-900:focus { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .sm\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .sm\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .sm\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .sm\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .sm\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .sm\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + .md\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .sm\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + .md\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .sm\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + .md\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .sm\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + .md\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .sm\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + .md\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .sm\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + .md\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .sm\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + .md\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .sm\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + .md\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .sm\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + .md\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .sm\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + .md\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .sm\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + .md\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .sm\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .sm\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .sm\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .sm\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .sm\:focus\:border-teal-50:focus { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .sm\:focus\:border-teal-100:focus { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .sm\:focus\:border-teal-200:focus { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .sm\:focus\:border-teal-300:focus { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .sm\:focus\:border-teal-400:focus { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .sm\:focus\:border-teal-500:focus { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .md\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .sm\:focus\:border-teal-600:focus { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .sm\:focus\:border-teal-700:focus { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .sm\:focus\:border-teal-800:focus { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .sm\:focus\:border-teal-900:focus { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .sm\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .sm\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .sm\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .sm\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .sm\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .sm\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .md\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .sm\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .md\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .sm\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .md\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .sm\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .md\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .sm\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .md\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .sm\:focus\:border-indigo-50:focus { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .md\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .sm\:focus\:border-indigo-100:focus { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .md\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .sm\:focus\:border-indigo-200:focus { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .md\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .sm\:focus\:border-indigo-300:focus { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .md\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .sm\:focus\:border-indigo-400:focus { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .md\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .sm\:focus\:border-indigo-500:focus { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .md\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .sm\:focus\:border-indigo-600:focus { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .sm\:focus\:border-indigo-700:focus { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .sm\:focus\:border-indigo-800:focus { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .sm\:focus\:border-indigo-900:focus { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .sm\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .sm\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .sm\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .sm\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .sm\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .sm\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .md\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .sm\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .md\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .sm\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .md\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .sm\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .md\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .sm\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .md\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .sm\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .sm\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .md\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .sm\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .md\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .sm\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .md\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .sm\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .md\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .sm\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .md\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .sm\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .sm\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .sm\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .sm\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .sm\:border-opacity-0 { - --border-opacity: 0; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .sm\:border-opacity-25 { - --border-opacity: 0.25; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .sm\:border-opacity-50 { - --border-opacity: 0.5; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .sm\:border-opacity-75 { - --border-opacity: 0.75; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .sm\:border-opacity-100 { - --border-opacity: 1; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .sm\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .md\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .sm\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .sm\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .sm\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .sm\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .sm\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .sm\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .sm\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .sm\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .sm\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .sm\:rounded-none { - border-radius: 0; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .sm\:rounded-sm { - border-radius: 0.125rem; + .md\:focus\:bg-current:focus { + background-color: currentColor; } - .sm\:rounded { - border-radius: 0.25rem; + .md\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:rounded-md { - border-radius: 0.375rem; + .md\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:rounded-lg { - border-radius: 0.5rem; + .md\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .sm\:rounded-full { - border-radius: 9999px; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .sm\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .sm\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .sm\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .sm\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .sm\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .sm\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .sm\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .sm\:rounded-tl-none { - border-top-left-radius: 0; + .md\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .sm\:rounded-tr-none { - border-top-right-radius: 0; + .md\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .sm\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .sm\:border-solid { - border-style: solid; + .md\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .sm\:border-dashed { - border-style: dashed; + .md\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .sm\:border-dotted { - border-style: dotted; + .md\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .sm\:border-double { - border-style: double; + .md\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .sm\:border-none { - border-style: none; + .md\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .sm\:border-0 { - border-width: 0; + .md\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .sm\:border-2 { - border-width: 2px; + .md\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .sm\:border-4 { - border-width: 4px; + .md\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .sm\:border-8 { - border-width: 8px; + .md\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .sm\:border { - border-width: 1px; + .md\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .sm\:border-t-0 { - border-top-width: 0; + .md\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .sm\:border-r-0 { - border-right-width: 0; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .sm\:border-b-0 { - border-bottom-width: 0; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .sm\:border-l-0 { - border-left-width: 0; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .sm\:border-t-2 { - border-top-width: 2px; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .sm\:border-r-2 { - border-right-width: 2px; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .sm\:border-b-2 { - border-bottom-width: 2px; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .sm\:border-l-2 { - border-left-width: 2px; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .sm\:border-t-4 { - border-top-width: 4px; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .sm\:border-r-4 { - border-right-width: 4px; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .sm\:border-b-4 { - border-bottom-width: 4px; + .md\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .sm\:border-l-4 { - border-left-width: 4px; + .md\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .sm\:border-t-8 { - border-top-width: 8px; + .md\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .sm\:border-r-8 { - border-right-width: 8px; + .md\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .sm\:border-b-8 { - border-bottom-width: 8px; + .md\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .sm\:border-l-8 { - border-left-width: 8px; + .md\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .sm\:border-t { - border-top-width: 1px; + .md\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .sm\:border-r { - border-right-width: 1px; + .md\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .sm\:border-b { - border-bottom-width: 1px; + .md\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .sm\:border-l { - border-left-width: 1px; + .md\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .sm\:box-border { - box-sizing: border-box; + .md\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .sm\:box-content { - box-sizing: content-box; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .sm\:cursor-auto { - cursor: auto; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .sm\:cursor-default { - cursor: default; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .sm\:cursor-pointer { - cursor: pointer; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .sm\:cursor-wait { - cursor: wait; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .sm\:cursor-text { - cursor: text; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .sm\:cursor-move { - cursor: move; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .sm\:block { - display: block; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .sm\:inline-block { - display: inline-block; + .md\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .sm\:inline { - display: inline; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .sm\:flex { - display: flex; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .sm\:inline-flex { - display: inline-flex; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .sm\:table { - display: table; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .sm\:table-caption { - display: table-caption; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .sm\:table-cell { - display: table-cell; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .sm\:table-column { - display: table-column; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .sm\:table-column-group { - display: table-column-group; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .sm\:table-footer-group { - display: table-footer-group; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .sm\:table-header-group { - display: table-header-group; - } + @media (prefers-color-scheme: dark) { + .md\:dark\:bg-transparent { + background-color: transparent; + } - .sm\:table-row-group { - display: table-row-group; - } + .md\:dark\:bg-current { + background-color: currentColor; + } - .sm\:table-row { - display: table-row; - } + .md\:dark\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .sm\:flow-root { - display: flow-root; - } + .md\:dark\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .sm\:grid { - display: grid; - } + .md\:dark\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .sm\:inline-grid { - display: inline-grid; - } + .md\:dark\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .sm\:contents { - display: contents; - } + .md\:dark\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .sm\:hidden { - display: none; - } + .md\:dark\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .sm\:flex-row { - flex-direction: row; - } + .md\:dark\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .sm\:flex-row-reverse { - flex-direction: row-reverse; - } + .md\:dark\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .sm\:flex-col { - flex-direction: column; - } + .md\:dark\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .sm\:flex-col-reverse { - flex-direction: column-reverse; - } + .md\:dark\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .sm\:flex-wrap { - flex-wrap: wrap; - } + .md\:dark\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; - } + .md\:dark\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .sm\:flex-no-wrap { - flex-wrap: nowrap; - } + .md\:dark\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .sm\:items-start { - align-items: flex-start; - } + .md\:dark\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .sm\:items-end { - align-items: flex-end; - } + .md\:dark\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .sm\:items-center { - align-items: center; - } + .md\:dark\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .sm\:items-baseline { - align-items: baseline; - } + .md\:dark\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .sm\:items-stretch { - align-items: stretch; - } + .md\:dark\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .sm\:self-auto { - align-self: auto; - } + .md\:dark\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .sm\:self-start { - align-self: flex-start; - } + .md\:dark\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .sm\:self-end { - align-self: flex-end; - } + .md\:dark\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .sm\:self-center { - align-self: center; - } + .md\:dark\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .sm\:self-stretch { - align-self: stretch; - } + .md\:dark\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .sm\:justify-start { - justify-content: flex-start; - } + .md\:dark\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .sm\:justify-end { - justify-content: flex-end; - } + .md\:dark\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .sm\:justify-center { - justify-content: center; - } + .md\:dark\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .sm\:justify-between { - justify-content: space-between; - } + .md\:dark\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .sm\:justify-around { - justify-content: space-around; - } + .md\:dark\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .sm\:justify-evenly { - justify-content: space-evenly; - } + .md\:dark\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .sm\:content-center { - align-content: center; - } + .md\:dark\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .sm\:content-start { - align-content: flex-start; - } + .md\:dark\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .sm\:content-end { - align-content: flex-end; - } + .md\:dark\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .sm\:content-between { - align-content: space-between; - } + .md\:dark\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .sm\:content-around { - align-content: space-around; - } + .md\:dark\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .sm\:flex-1 { - flex: 1 1 0%; - } + .md\:dark\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .sm\:flex-auto { - flex: 1 1 auto; - } + .md\:dark\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .sm\:flex-initial { - flex: 0 1 auto; - } + .md\:dark\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .sm\:flex-none { - flex: none; - } + .md\:dark\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .sm\:flex-grow-0 { - flex-grow: 0; - } + .md\:dark\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .sm\:flex-grow { - flex-grow: 1; - } + .md\:dark\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .sm\:flex-shrink-0 { - flex-shrink: 0; - } + .md\:dark\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .sm\:flex-shrink { - flex-shrink: 1; - } + .md\:dark\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .sm\:order-1 { - order: 1; - } + .md\:dark\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .sm\:order-2 { - order: 2; - } + .md\:dark\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .sm\:order-3 { - order: 3; - } + .md\:dark\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .sm\:order-4 { - order: 4; - } + .md\:dark\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .sm\:order-5 { - order: 5; - } + .md\:dark\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .md\:dark\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .md\:dark\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .md\:dark\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .md\:dark\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .md\:dark\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .md\:dark\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .md\:dark\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .md\:dark\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .md\:dark\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .md\:dark\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .md\:dark\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .sm\:order-6 { - order: 6; - } + .md\:dark\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .sm\:order-7 { - order: 7; - } + .md\:dark\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .sm\:order-8 { - order: 8; - } + .md\:dark\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .sm\:order-9 { - order: 9; - } + .md\:dark\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .sm\:order-10 { - order: 10; - } + .md\:dark\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .sm\:order-11 { - order: 11; - } + .md\:dark\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .sm\:order-12 { - order: 12; - } + .md\:dark\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .sm\:order-first { - order: -9999; - } + .md\:dark\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } - .sm\:order-last { - order: 9999; - } + .md\:dark\:hover\:bg-transparent:hover { + background-color: transparent; + } - .sm\:order-none { - order: 0; - } + .md\:dark\:hover\:bg-current:hover { + background-color: currentColor; + } - .sm\:float-right { - float: right; - } + .md\:dark\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .sm\:float-left { - float: left; - } + .md\:dark\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .sm\:float-none { - float: none; - } + .md\:dark\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .sm\:clearfix:after { - content: ""; - display: table; - clear: both; - } + .md\:dark\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .sm\:clear-left { - clear: left; - } + .md\:dark\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .sm\:clear-right { - clear: right; - } + .md\:dark\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .sm\:clear-both { - clear: both; - } + .md\:dark\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .sm\:clear-none { - clear: none; - } + .md\:dark\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .sm\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } + .md\:dark\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; - } + .md\:dark\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - } + .md\:dark\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .sm\:font-hairline { - font-weight: 100; - } + .md\:dark\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .sm\:font-thin { - font-weight: 200; - } + .md\:dark\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .sm\:font-light { - font-weight: 300; - } + .md\:dark\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .sm\:font-normal { - font-weight: 400; - } + .md\:dark\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .sm\:font-medium { - font-weight: 500; - } + .md\:dark\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .sm\:font-semibold { - font-weight: 600; - } + .md\:dark\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .sm\:font-bold { - font-weight: 700; - } + .md\:dark\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .sm\:font-extrabold { - font-weight: 800; - } + .md\:dark\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .sm\:font-black { - font-weight: 900; - } + .md\:dark\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .sm\:hover\:font-hairline:hover { - font-weight: 100; - } + .md\:dark\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .sm\:hover\:font-thin:hover { - font-weight: 200; - } + .md\:dark\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .sm\:hover\:font-light:hover { - font-weight: 300; - } + .md\:dark\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .sm\:hover\:font-normal:hover { - font-weight: 400; - } + .md\:dark\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .sm\:hover\:font-medium:hover { - font-weight: 500; - } + .md\:dark\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .sm\:hover\:font-semibold:hover { - font-weight: 600; - } + .md\:dark\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .sm\:hover\:font-bold:hover { - font-weight: 700; - } + .md\:dark\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .sm\:hover\:font-extrabold:hover { - font-weight: 800; - } + .md\:dark\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .sm\:hover\:font-black:hover { - font-weight: 900; - } + .md\:dark\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .sm\:focus\:font-hairline:focus { - font-weight: 100; - } + .md\:dark\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .sm\:focus\:font-thin:focus { - font-weight: 200; - } + .md\:dark\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .sm\:focus\:font-light:focus { - font-weight: 300; - } + .md\:dark\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .sm\:focus\:font-normal:focus { - font-weight: 400; - } + .md\:dark\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .sm\:focus\:font-medium:focus { - font-weight: 500; - } + .md\:dark\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .sm\:focus\:font-semibold:focus { - font-weight: 600; - } + .md\:dark\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .sm\:focus\:font-bold:focus { - font-weight: 700; - } + .md\:dark\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .sm\:focus\:font-extrabold:focus { - font-weight: 800; - } + .md\:dark\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .sm\:focus\:font-black:focus { - font-weight: 900; - } + .md\:dark\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .sm\:h-0 { - height: 0; - } + .md\:dark\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .sm\:h-1 { - height: 0.25rem; - } + .md\:dark\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .sm\:h-2 { - height: 0.5rem; - } + .md\:dark\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .sm\:h-3 { - height: 0.75rem; - } + .md\:dark\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .sm\:h-4 { - height: 1rem; - } + .md\:dark\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .sm\:h-5 { - height: 1.25rem; - } + .md\:dark\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .sm\:h-6 { - height: 1.5rem; - } + .md\:dark\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .sm\:h-7 { - height: 1.75rem; - } + .md\:dark\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .sm\:h-8 { - height: 2rem; - } + .md\:dark\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .sm\:h-9 { - height: 2.25rem; - } + .md\:dark\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .sm\:h-10 { - height: 2.5rem; - } + .md\:dark\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .sm\:h-11 { - height: 2.75rem; - } + .md\:dark\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .sm\:h-12 { - height: 3rem; - } + .md\:dark\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .sm\:h-13 { - height: 3.25rem; - } + .md\:dark\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .sm\:h-14 { - height: 3.5rem; - } + .md\:dark\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .sm\:h-15 { - height: 3.75rem; - } + .md\:dark\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .sm\:h-16 { - height: 4rem; - } + .md\:dark\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .sm\:h-20 { - height: 5rem; - } + .md\:dark\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .sm\:h-24 { - height: 6rem; - } + .md\:dark\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .sm\:h-28 { - height: 7rem; - } + .md\:dark\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .sm\:h-32 { - height: 8rem; - } + .md\:dark\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .sm\:h-36 { - height: 9rem; - } + .md\:dark\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .sm\:h-40 { - height: 10rem; - } + .md\:dark\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .sm\:h-44 { - height: 11rem; - } + .md\:dark\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .sm\:h-48 { - height: 12rem; - } + .md\:dark\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .sm\:h-52 { - height: 13rem; - } + .md\:dark\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .sm\:h-56 { - height: 14rem; - } + .md\:dark\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .sm\:h-60 { - height: 15rem; - } + .md\:dark\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .sm\:h-64 { - height: 16rem; - } + .md\:dark\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .sm\:h-72 { - height: 18rem; - } + .md\:dark\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .sm\:h-80 { - height: 20rem; - } + .md\:dark\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .sm\:h-96 { - height: 24rem; - } + .md\:dark\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .sm\:h-auto { - height: auto; - } + .md\:dark\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .sm\:h-px { - height: 1px; - } + .md\:dark\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .sm\:h-0\.5 { - height: 0.125rem; - } + .md\:dark\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .sm\:h-1\.5 { - height: 0.375rem; - } + .md\:dark\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .sm\:h-2\.5 { - height: 0.625rem; - } + .md\:dark\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .sm\:h-3\.5 { - height: 0.875rem; - } + .md\:dark\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .sm\:h-1\/2 { - height: 50%; - } + .md\:dark\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .sm\:h-1\/3 { - height: 33.333333%; - } + .md\:dark\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .sm\:h-2\/3 { - height: 66.666667%; - } + .md\:dark\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .sm\:h-1\/4 { - height: 25%; - } + .md\:dark\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .sm\:h-2\/4 { - height: 50%; - } + .md\:dark\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .sm\:h-3\/4 { - height: 75%; - } + .md\:dark\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .sm\:h-1\/5 { - height: 20%; - } + .md\:dark\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .sm\:h-2\/5 { - height: 40%; - } + .md\:dark\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .sm\:h-3\/5 { - height: 60%; - } + .md\:dark\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .sm\:h-4\/5 { - height: 80%; - } + .md\:dark\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .sm\:h-1\/6 { - height: 16.666667%; - } + .md\:dark\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .sm\:h-2\/6 { - height: 33.333333%; - } + .md\:dark\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .sm\:h-3\/6 { - height: 50%; - } + .md\:dark\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .sm\:h-4\/6 { - height: 66.666667%; - } + .md\:dark\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .sm\:h-5\/6 { - height: 83.333333%; - } + .md\:dark\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .sm\:h-1\/12 { - height: 8.333333%; - } + .md\:dark\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .sm\:h-2\/12 { - height: 16.666667%; - } + .md\:dark\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .sm\:h-3\/12 { - height: 25%; - } + .md\:dark\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .sm\:h-4\/12 { - height: 33.333333%; - } + .md\:dark\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .sm\:h-5\/12 { - height: 41.666667%; - } + .md\:dark\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .sm\:h-6\/12 { - height: 50%; - } + .md\:dark\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .sm\:h-7\/12 { - height: 58.333333%; - } + .md\:dark\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .sm\:h-8\/12 { - height: 66.666667%; - } + .md\:dark\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .sm\:h-9\/12 { - height: 75%; - } + .md\:dark\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .sm\:h-10\/12 { - height: 83.333333%; - } + .md\:dark\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .sm\:h-11\/12 { - height: 91.666667%; - } + .md\:dark\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } - .sm\:h-full { - height: 100%; - } + .md\:dark\:focus\:bg-transparent:focus { + background-color: transparent; + } - .sm\:h-screen { - height: 100vh; - } + .md\:dark\:focus\:bg-current:focus { + background-color: currentColor; + } - .sm\:text-xs { - font-size: 0.75rem; - line-height: 1rem; - } + .md\:dark\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } + .md\:dark\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } + .md\:dark\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } + .md\:dark\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .sm\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } + .md\:dark\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } + .md\:dark\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .sm\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } + .md\:dark\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } + .md\:dark\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .sm\:text-5xl { - font-size: 3rem; - line-height: 1; - } + .md\:dark\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .sm\:text-6xl { - font-size: 4rem; - line-height: 1; - } + .md\:dark\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .sm\:text-7xl { - font-size: 5rem; - line-height: 1; - } + .md\:dark\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .sm\:text-8xl { - font-size: 6rem; - line-height: 1; - } + .md\:dark\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .sm\:text-9xl { - font-size: 8rem; - line-height: 1; - } + .md\:dark\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .sm\:leading-3 { - line-height: .75rem; - } + .md\:dark\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .sm\:leading-4 { - line-height: 1rem; - } + .md\:dark\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .sm\:leading-5 { - line-height: 1.25rem; - } + .md\:dark\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .sm\:leading-6 { - line-height: 1.5rem; - } + .md\:dark\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .sm\:leading-7 { - line-height: 1.75rem; - } + .md\:dark\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .sm\:leading-8 { - line-height: 2rem; - } + .md\:dark\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .sm\:leading-9 { - line-height: 2.25rem; - } + .md\:dark\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .sm\:leading-10 { - line-height: 2.5rem; - } + .md\:dark\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .sm\:leading-none { - line-height: 1; - } + .md\:dark\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .sm\:leading-tight { - line-height: 1.25; - } + .md\:dark\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .sm\:leading-snug { - line-height: 1.375; - } + .md\:dark\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .sm\:leading-normal { - line-height: 1.5; - } + .md\:dark\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .sm\:leading-relaxed { - line-height: 1.625; - } + .md\:dark\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .sm\:leading-loose { - line-height: 2; - } + .md\:dark\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .sm\:list-inside { - list-style-position: inside; - } + .md\:dark\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .sm\:list-outside { - list-style-position: outside; - } + .md\:dark\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .sm\:list-none { - list-style-type: none; - } + .md\:dark\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .sm\:list-disc { - list-style-type: disc; - } + .md\:dark\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .sm\:list-decimal { - list-style-type: decimal; - } + .md\:dark\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .sm\:m-0 { - margin: 0; - } + .md\:dark\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .sm\:m-1 { - margin: 0.25rem; - } + .md\:dark\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .sm\:m-2 { - margin: 0.5rem; - } + .md\:dark\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .sm\:m-3 { - margin: 0.75rem; - } + .md\:dark\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .sm\:m-4 { - margin: 1rem; - } + .md\:dark\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .sm\:m-5 { - margin: 1.25rem; - } + .md\:dark\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .sm\:m-6 { - margin: 1.5rem; - } + .md\:dark\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .sm\:m-7 { - margin: 1.75rem; - } + .md\:dark\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .sm\:m-8 { - margin: 2rem; - } + .md\:dark\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .sm\:m-9 { - margin: 2.25rem; - } + .md\:dark\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .sm\:m-10 { - margin: 2.5rem; - } + .md\:dark\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .sm\:m-11 { - margin: 2.75rem; - } + .md\:dark\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .sm\:m-12 { - margin: 3rem; - } + .md\:dark\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .sm\:m-13 { - margin: 3.25rem; - } + .md\:dark\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .sm\:m-14 { - margin: 3.5rem; - } + .md\:dark\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .sm\:m-15 { - margin: 3.75rem; - } + .md\:dark\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .sm\:m-16 { - margin: 4rem; - } + .md\:dark\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .sm\:m-20 { - margin: 5rem; - } + .md\:dark\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .sm\:m-24 { - margin: 6rem; - } + .md\:dark\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .sm\:m-28 { - margin: 7rem; - } + .md\:dark\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .sm\:m-32 { - margin: 8rem; - } + .md\:dark\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .sm\:m-36 { - margin: 9rem; - } + .md\:dark\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .sm\:m-40 { - margin: 10rem; - } + .md\:dark\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .sm\:m-44 { - margin: 11rem; - } + .md\:dark\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .sm\:m-48 { - margin: 12rem; - } + .md\:dark\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .sm\:m-52 { - margin: 13rem; - } + .md\:dark\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .sm\:m-56 { - margin: 14rem; - } + .md\:dark\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .sm\:m-60 { - margin: 15rem; - } + .md\:dark\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .sm\:m-64 { - margin: 16rem; - } + .md\:dark\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .sm\:m-72 { - margin: 18rem; - } + .md\:dark\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .sm\:m-80 { - margin: 20rem; - } + .md\:dark\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .sm\:m-96 { - margin: 24rem; - } + .md\:dark\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .sm\:m-auto { - margin: auto; - } + .md\:dark\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .sm\:m-px { - margin: 1px; - } + .md\:dark\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .sm\:m-0\.5 { - margin: 0.125rem; - } + .md\:dark\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .sm\:m-1\.5 { - margin: 0.375rem; - } + .md\:dark\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .sm\:m-2\.5 { - margin: 0.625rem; - } + .md\:dark\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .sm\:m-3\.5 { - margin: 0.875rem; - } + .md\:dark\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .sm\:m-1\/2 { - margin: 50%; - } + .md\:dark\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .sm\:m-1\/3 { - margin: 33.333333%; - } + .md\:dark\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .sm\:m-2\/3 { - margin: 66.666667%; - } + .md\:dark\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .sm\:m-1\/4 { - margin: 25%; - } + .md\:dark\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .sm\:m-2\/4 { - margin: 50%; - } + .md\:dark\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .sm\:m-3\/4 { - margin: 75%; - } + .md\:dark\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .sm\:m-1\/5 { - margin: 20%; - } + .md\:dark\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .sm\:m-2\/5 { - margin: 40%; - } + .md\:dark\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .sm\:m-3\/5 { - margin: 60%; - } + .md\:dark\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .sm\:m-4\/5 { - margin: 80%; - } + .md\:dark\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .sm\:m-1\/6 { - margin: 16.666667%; - } + .md\:dark\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .sm\:m-2\/6 { - margin: 33.333333%; - } + .md\:dark\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .sm\:m-3\/6 { - margin: 50%; - } + .md\:dark\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .sm\:m-4\/6 { - margin: 66.666667%; - } + .md\:dark\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .sm\:m-5\/6 { - margin: 83.333333%; - } + .md\:dark\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .sm\:m-1\/12 { - margin: 8.333333%; - } + .md\:dark\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .sm\:m-2\/12 { - margin: 16.666667%; - } + .md\:dark\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .sm\:m-3\/12 { - margin: 25%; - } + .md\:dark\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .sm\:m-4\/12 { - margin: 33.333333%; - } + .md\:dark\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .sm\:m-5\/12 { - margin: 41.666667%; - } + .md\:dark\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .sm\:m-6\/12 { - margin: 50%; - } + .md\:dark\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .sm\:m-7\/12 { - margin: 58.333333%; - } + .md\:dark\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .sm\:m-8\/12 { - margin: 66.666667%; - } + .md\:dark\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .sm\:m-9\/12 { - margin: 75%; - } + .md\:dark\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .sm\:m-10\/12 { - margin: 83.333333%; - } + .md\:dark\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .sm\:m-11\/12 { - margin: 91.666667%; - } + .md\:dark\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .sm\:m-full { - margin: 100%; - } + .md\:dark\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .sm\:-m-1 { - margin: -0.25rem; - } + .md\:dark\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .sm\:-m-2 { - margin: -0.5rem; - } + .md\:dark\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .sm\:-m-3 { - margin: -0.75rem; - } + .md\:dark\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .sm\:-m-4 { - margin: -1rem; - } + .md\:dark\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .sm\:-m-5 { - margin: -1.25rem; + .md\:dark\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } } - .sm\:-m-6 { - margin: -1.5rem; + .md\:bg-none { + background-image: none; } - .sm\:-m-7 { - margin: -1.75rem; + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .sm\:-m-8 { - margin: -2rem; + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .sm\:-m-9 { - margin: -2.25rem; + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .sm\:-m-10 { - margin: -2.5rem; + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .sm\:-m-11 { - margin: -2.75rem; + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .sm\:-m-12 { - margin: -3rem; + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .sm\:-m-13 { - margin: -3.25rem; + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .sm\:-m-14 { - margin: -3.5rem; + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .sm\:-m-15 { - margin: -3.75rem; + .md\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-m-16 { - margin: -4rem; + .md\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:-m-20 { - margin: -5rem; + .md\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-m-24 { - margin: -6rem; + .md\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:-m-28 { - margin: -7rem; + .md\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:-m-32 { - margin: -8rem; + .md\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:-m-36 { - margin: -9rem; + .md\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:-m-40 { - margin: -10rem; + .md\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:-m-44 { - margin: -11rem; + .md\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:-m-48 { - margin: -12rem; + .md\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:-m-52 { - margin: -13rem; + .md\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:-m-56 { - margin: -14rem; + .md\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:-m-60 { - margin: -15rem; + .md\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:-m-64 { - margin: -16rem; + .md\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:-m-72 { - margin: -18rem; + .md\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:-m-80 { - margin: -20rem; + .md\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:-m-96 { - margin: -24rem; + .md\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:-m-px { - margin: -1px; + .md\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:-m-0\.5 { - margin: -0.125rem; + .md\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:-m-1\.5 { - margin: -0.375rem; + .md\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:-m-2\.5 { - margin: -0.625rem; + .md\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:-m-3\.5 { - margin: -0.875rem; + .md\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:-m-1\/2 { - margin: -50%; + .md\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:-m-1\/3 { - margin: -33.33333%; + .md\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:-m-2\/3 { - margin: -66.66667%; + .md\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:-m-1\/4 { - margin: -25%; + .md\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:-m-2\/4 { - margin: -50%; + .md\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:-m-3\/4 { - margin: -75%; + .md\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:-m-1\/5 { - margin: -20%; + .md\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:-m-2\/5 { - margin: -40%; + .md\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:-m-3\/5 { - margin: -60%; + .md\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:-m-4\/5 { - margin: -80%; + .md\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:-m-1\/6 { - margin: -16.66667%; + .md\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:-m-2\/6 { - margin: -33.33333%; + .md\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:-m-3\/6 { - margin: -50%; + .md\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:-m-4\/6 { - margin: -66.66667%; + .md\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:-m-5\/6 { - margin: -83.33333%; + .md\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:-m-1\/12 { - margin: -8.33333%; + .md\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:-m-2\/12 { - margin: -16.66667%; + .md\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:-m-3\/12 { - margin: -25%; + .md\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:-m-4\/12 { - margin: -33.33333%; + .md\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:-m-5\/12 { - margin: -41.66667%; + .md\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:-m-6\/12 { - margin: -50%; + .md\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:-m-7\/12 { - margin: -58.33333%; + .md\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:-m-8\/12 { - margin: -66.66667%; + .md\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:-m-9\/12 { - margin: -75%; + .md\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:-m-10\/12 { - margin: -83.33333%; + .md\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:-m-11\/12 { - margin: -91.66667%; + .md\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:-m-full { - margin: -100%; + .md\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .md\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .md\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .md\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:my-13 { - margin-top: 3.25rem; - margin-bottom: 3.25rem; + .md\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:mx-13 { - margin-left: 3.25rem; - margin-right: 3.25rem; + .md\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:my-15 { - margin-top: 3.75rem; - margin-bottom: 3.75rem; + .md\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:mx-15 { - margin-left: 3.75rem; - margin-right: 3.75rem; + .md\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .sm\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:my-1\/2 { - margin-top: 50%; - margin-bottom: 50%; + .md\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:mx-1\/2 { - margin-left: 50%; - margin-right: 50%; + .md\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:my-1\/3 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:mx-1\/3 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:my-2\/3 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:mx-2\/3 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:my-1\/4 { - margin-top: 25%; - margin-bottom: 25%; + .md\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:mx-1\/4 { - margin-left: 25%; - margin-right: 25%; + .md\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:my-2\/4 { - margin-top: 50%; - margin-bottom: 50%; + .md\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:mx-2\/4 { - margin-left: 50%; - margin-right: 50%; + .md\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:my-3\/4 { - margin-top: 75%; - margin-bottom: 75%; + .md\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:mx-3\/4 { - margin-left: 75%; - margin-right: 75%; + .md\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:my-1\/5 { - margin-top: 20%; - margin-bottom: 20%; + .md\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:mx-1\/5 { - margin-left: 20%; - margin-right: 20%; + .md\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:my-2\/5 { - margin-top: 40%; - margin-bottom: 40%; + .md\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:mx-2\/5 { - margin-left: 40%; - margin-right: 40%; + .md\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:my-3\/5 { - margin-top: 60%; - margin-bottom: 60%; + .md\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:mx-3\/5 { - margin-left: 60%; - margin-right: 60%; + .md\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:my-4\/5 { - margin-top: 80%; - margin-bottom: 80%; + .md\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:mx-4\/5 { - margin-left: 80%; - margin-right: 80%; + .md\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:my-1\/6 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; + .md\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:mx-1\/6 { - margin-left: 16.666667%; - margin-right: 16.666667%; + .md\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:my-2\/6 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:mx-2\/6 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:my-3\/6 { - margin-top: 50%; - margin-bottom: 50%; + .md\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:mx-3\/6 { - margin-left: 50%; - margin-right: 50%; + .md\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:my-4\/6 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:mx-4\/6 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:my-5\/6 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; + .md\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:mx-5\/6 { - margin-left: 83.333333%; - margin-right: 83.333333%; + .md\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:my-1\/12 { - margin-top: 8.333333%; - margin-bottom: 8.333333%; + .md\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:mx-1\/12 { - margin-left: 8.333333%; - margin-right: 8.333333%; + .md\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:my-2\/12 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; + .md\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:mx-2\/12 { - margin-left: 16.666667%; - margin-right: 16.666667%; + .md\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:my-3\/12 { - margin-top: 25%; - margin-bottom: 25%; + .md\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:mx-3\/12 { - margin-left: 25%; - margin-right: 25%; + .md\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:my-4\/12 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:mx-4\/12 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:my-5\/12 { - margin-top: 41.666667%; - margin-bottom: 41.666667%; + .md\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:mx-5\/12 { - margin-left: 41.666667%; - margin-right: 41.666667%; + .md\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:my-6\/12 { - margin-top: 50%; - margin-bottom: 50%; + .md\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:mx-6\/12 { - margin-left: 50%; - margin-right: 50%; + .md\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:my-7\/12 { - margin-top: 58.333333%; - margin-bottom: 58.333333%; + .md\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:mx-7\/12 { - margin-left: 58.333333%; - margin-right: 58.333333%; + .md\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:my-8\/12 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:mx-8\/12 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:my-9\/12 { - margin-top: 75%; - margin-bottom: 75%; + .md\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:mx-9\/12 { - margin-left: 75%; - margin-right: 75%; + .md\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:my-10\/12 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; + .md\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:mx-10\/12 { - margin-left: 83.333333%; - margin-right: 83.333333%; + .md\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:my-11\/12 { - margin-top: 91.666667%; - margin-bottom: 91.666667%; + .md\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:mx-11\/12 { - margin-left: 91.666667%; - margin-right: 91.666667%; + .md\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:my-full { - margin-top: 100%; - margin-bottom: 100%; + .md\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:mx-full { - margin-left: 100%; - margin-right: 100%; + .md\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .sm\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .md\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .md\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:-my-13 { - margin-top: -3.25rem; - margin-bottom: -3.25rem; + .md\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:-mx-13 { - margin-left: -3.25rem; - margin-right: -3.25rem; + .md\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:-my-15 { - margin-top: -3.75rem; - margin-bottom: -3.75rem; + .md\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:-mx-15 { - margin-left: -3.75rem; - margin-right: -3.75rem; + .md\:to-transparent { + --gradient-to-color: transparent; } - .sm\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:to-current { + --gradient-to-color: currentColor; } - .sm\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:to-black { + --gradient-to-color: #000000; } - .sm\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:to-white { + --gradient-to-color: #ffffff; } - .sm\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:to-gray-50 { + --gradient-to-color: #f9fafb; } - .sm\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:to-gray-100 { + --gradient-to-color: #f4f5f7; } - .sm\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:to-gray-200 { + --gradient-to-color: #e5e7eb; } - .sm\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:to-gray-300 { + --gradient-to-color: #d2d6dc; } - .sm\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:to-gray-400 { + --gradient-to-color: #9fa6b2; } - .sm\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:to-gray-500 { + --gradient-to-color: #6b7280; } - .sm\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:to-gray-600 { + --gradient-to-color: #4b5563; } - .sm\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:to-gray-700 { + --gradient-to-color: #374151; } - .sm\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:to-gray-800 { + --gradient-to-color: #252f3f; } - .sm\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:to-gray-900 { + --gradient-to-color: #161e2e; } - .sm\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:to-red-50 { + --gradient-to-color: #fdf2f2; } - .sm\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:to-red-100 { + --gradient-to-color: #fde8e8; } - .sm\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:to-red-200 { + --gradient-to-color: #fbd5d5; } - .sm\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:to-red-300 { + --gradient-to-color: #f8b4b4; } - .sm\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:to-red-400 { + --gradient-to-color: #f98080; } - .sm\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:to-red-500 { + --gradient-to-color: #f05252; } - .sm\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:to-red-600 { + --gradient-to-color: #e02424; } - .sm\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:to-red-700 { + --gradient-to-color: #c81e1e; } - .sm\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:to-red-800 { + --gradient-to-color: #9b1c1c; } - .sm\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:to-red-900 { + --gradient-to-color: #771d1d; } - .sm\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:to-orange-50 { + --gradient-to-color: #fff8f1; } - .sm\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:to-orange-100 { + --gradient-to-color: #feecdc; } - .sm\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:to-orange-200 { + --gradient-to-color: #fcd9bd; } - .sm\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:to-orange-300 { + --gradient-to-color: #fdba8c; } - .sm\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:to-orange-400 { + --gradient-to-color: #ff8a4c; } - .sm\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:to-orange-500 { + --gradient-to-color: #ff5a1f; } - .sm\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .md\:to-orange-600 { + --gradient-to-color: #d03801; } - .sm\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:to-orange-700 { + --gradient-to-color: #b43403; } - .sm\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .md\:to-orange-800 { + --gradient-to-color: #8a2c0d; } - .sm\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:to-orange-900 { + --gradient-to-color: #73230d; } - .sm\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:to-yellow-50 { + --gradient-to-color: #fdfdea; } - .sm\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:to-yellow-100 { + --gradient-to-color: #fdf6b2; } - .sm\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .md\:to-yellow-200 { + --gradient-to-color: #fce96a; } - .sm\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:to-yellow-300 { + --gradient-to-color: #faca15; } - .sm\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .md\:to-yellow-400 { + --gradient-to-color: #e3a008; } - .sm\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:to-yellow-500 { + --gradient-to-color: #c27803; } - .sm\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .md\:to-yellow-600 { + --gradient-to-color: #9f580a; } - .sm\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:to-yellow-700 { + --gradient-to-color: #8e4b10; } - .sm\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .md\:to-yellow-800 { + --gradient-to-color: #723b13; } - .sm\:-my-1\/2 { - margin-top: -50%; - margin-bottom: -50%; + .md\:to-yellow-900 { + --gradient-to-color: #633112; } - .sm\:-mx-1\/2 { - margin-left: -50%; - margin-right: -50%; + .md\:to-green-50 { + --gradient-to-color: #f3faf7; } - .sm\:-my-1\/3 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:to-green-100 { + --gradient-to-color: #def7ec; } - .sm\:-mx-1\/3 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:to-green-200 { + --gradient-to-color: #bcf0da; } - .sm\:-my-2\/3 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:to-green-300 { + --gradient-to-color: #84e1bc; } - .sm\:-mx-2\/3 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:to-green-400 { + --gradient-to-color: #31c48d; } - .sm\:-my-1\/4 { - margin-top: -25%; - margin-bottom: -25%; + .md\:to-green-500 { + --gradient-to-color: #0e9f6e; } - .sm\:-mx-1\/4 { - margin-left: -25%; - margin-right: -25%; + .md\:to-green-600 { + --gradient-to-color: #057a55; } - .sm\:-my-2\/4 { - margin-top: -50%; - margin-bottom: -50%; + .md\:to-green-700 { + --gradient-to-color: #046c4e; } - .sm\:-mx-2\/4 { - margin-left: -50%; - margin-right: -50%; + .md\:to-green-800 { + --gradient-to-color: #03543f; } - .sm\:-my-3\/4 { - margin-top: -75%; - margin-bottom: -75%; + .md\:to-green-900 { + --gradient-to-color: #014737; } - .sm\:-mx-3\/4 { - margin-left: -75%; - margin-right: -75%; + .md\:to-teal-50 { + --gradient-to-color: #edfafa; } - .sm\:-my-1\/5 { - margin-top: -20%; - margin-bottom: -20%; + .md\:to-teal-100 { + --gradient-to-color: #d5f5f6; } - .sm\:-mx-1\/5 { - margin-left: -20%; - margin-right: -20%; + .md\:to-teal-200 { + --gradient-to-color: #afecef; } - .sm\:-my-2\/5 { - margin-top: -40%; - margin-bottom: -40%; + .md\:to-teal-300 { + --gradient-to-color: #7edce2; } - .sm\:-mx-2\/5 { - margin-left: -40%; - margin-right: -40%; + .md\:to-teal-400 { + --gradient-to-color: #16bdca; } - .sm\:-my-3\/5 { - margin-top: -60%; - margin-bottom: -60%; + .md\:to-teal-500 { + --gradient-to-color: #0694a2; } - .sm\:-mx-3\/5 { - margin-left: -60%; - margin-right: -60%; + .md\:to-teal-600 { + --gradient-to-color: #047481; } - .sm\:-my-4\/5 { - margin-top: -80%; - margin-bottom: -80%; + .md\:to-teal-700 { + --gradient-to-color: #036672; } - .sm\:-mx-4\/5 { - margin-left: -80%; - margin-right: -80%; + .md\:to-teal-800 { + --gradient-to-color: #05505c; } - .sm\:-my-1\/6 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; + .md\:to-teal-900 { + --gradient-to-color: #014451; } - .sm\:-mx-1\/6 { - margin-left: -16.66667%; - margin-right: -16.66667%; + .md\:to-blue-50 { + --gradient-to-color: #ebf5ff; } - .sm\:-my-2\/6 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:to-blue-100 { + --gradient-to-color: #e1effe; } - .sm\:-mx-2\/6 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:to-blue-200 { + --gradient-to-color: #c3ddfd; } - .sm\:-my-3\/6 { - margin-top: -50%; - margin-bottom: -50%; + .md\:to-blue-300 { + --gradient-to-color: #a4cafe; } - .sm\:-mx-3\/6 { - margin-left: -50%; - margin-right: -50%; + .md\:to-blue-400 { + --gradient-to-color: #76a9fa; } - .sm\:-my-4\/6 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:to-blue-500 { + --gradient-to-color: #3f83f8; } - .sm\:-mx-4\/6 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:to-blue-600 { + --gradient-to-color: #1c64f2; } - .sm\:-my-5\/6 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .md\:to-blue-700 { + --gradient-to-color: #1a56db; } - .sm\:-mx-5\/6 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .md\:to-blue-800 { + --gradient-to-color: #1e429f; } - .sm\:-my-1\/12 { - margin-top: -8.33333%; - margin-bottom: -8.33333%; + .md\:to-blue-900 { + --gradient-to-color: #233876; } - .sm\:-mx-1\/12 { - margin-left: -8.33333%; - margin-right: -8.33333%; + .md\:to-indigo-50 { + --gradient-to-color: #f0f5ff; } - .sm\:-my-2\/12 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; + .md\:to-indigo-100 { + --gradient-to-color: #e5edff; } - .sm\:-mx-2\/12 { - margin-left: -16.66667%; - margin-right: -16.66667%; + .md\:to-indigo-200 { + --gradient-to-color: #cddbfe; } - .sm\:-my-3\/12 { - margin-top: -25%; - margin-bottom: -25%; + .md\:to-indigo-300 { + --gradient-to-color: #b4c6fc; } - .sm\:-mx-3\/12 { - margin-left: -25%; - margin-right: -25%; + .md\:to-indigo-400 { + --gradient-to-color: #8da2fb; } - .sm\:-my-4\/12 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:to-indigo-500 { + --gradient-to-color: #6875f5; } - .sm\:-mx-4\/12 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:to-indigo-600 { + --gradient-to-color: #5850ec; } - .sm\:-my-5\/12 { - margin-top: -41.66667%; - margin-bottom: -41.66667%; + .md\:to-indigo-700 { + --gradient-to-color: #5145cd; } - .sm\:-mx-5\/12 { - margin-left: -41.66667%; - margin-right: -41.66667%; + .md\:to-indigo-800 { + --gradient-to-color: #42389d; } - .sm\:-my-6\/12 { - margin-top: -50%; - margin-bottom: -50%; + .md\:to-indigo-900 { + --gradient-to-color: #362f78; } - .sm\:-mx-6\/12 { - margin-left: -50%; - margin-right: -50%; + .md\:to-purple-50 { + --gradient-to-color: #f6f5ff; } - .sm\:-my-7\/12 { - margin-top: -58.33333%; - margin-bottom: -58.33333%; + .md\:to-purple-100 { + --gradient-to-color: #edebfe; } - .sm\:-mx-7\/12 { - margin-left: -58.33333%; - margin-right: -58.33333%; + .md\:to-purple-200 { + --gradient-to-color: #dcd7fe; } - .sm\:-my-8\/12 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:to-purple-300 { + --gradient-to-color: #cabffd; } - .sm\:-mx-8\/12 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:to-purple-400 { + --gradient-to-color: #ac94fa; } - .sm\:-my-9\/12 { - margin-top: -75%; - margin-bottom: -75%; + .md\:to-purple-500 { + --gradient-to-color: #9061f9; } - .sm\:-mx-9\/12 { - margin-left: -75%; - margin-right: -75%; + .md\:to-purple-600 { + --gradient-to-color: #7e3af2; } - .sm\:-my-10\/12 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .md\:to-purple-700 { + --gradient-to-color: #6c2bd9; } - .sm\:-mx-10\/12 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .md\:to-purple-800 { + --gradient-to-color: #5521b5; } - .sm\:-my-11\/12 { - margin-top: -91.66667%; - margin-bottom: -91.66667%; + .md\:to-purple-900 { + --gradient-to-color: #4a1d96; } - .sm\:-mx-11\/12 { - margin-left: -91.66667%; - margin-right: -91.66667%; + .md\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .sm\:-my-full { - margin-top: -100%; - margin-bottom: -100%; + .md\:to-pink-100 { + --gradient-to-color: #fce8f3; } - .sm\:-mx-full { - margin-left: -100%; - margin-right: -100%; + .md\:to-pink-200 { + --gradient-to-color: #fad1e8; } - .sm\:mt-0 { - margin-top: 0; + .md\:to-pink-300 { + --gradient-to-color: #f8b4d9; } - .sm\:mr-0 { - margin-right: 0; + .md\:to-pink-400 { + --gradient-to-color: #f17eb8; } - .sm\:mb-0 { - margin-bottom: 0; + .md\:to-pink-500 { + --gradient-to-color: #e74694; } - .sm\:ml-0 { - margin-left: 0; + .md\:to-pink-600 { + --gradient-to-color: #d61f69; } - .sm\:mt-1 { - margin-top: 0.25rem; + .md\:to-pink-700 { + --gradient-to-color: #bf125d; } - .sm\:mr-1 { - margin-right: 0.25rem; + .md\:to-pink-800 { + --gradient-to-color: #99154b; } - .sm\:mb-1 { - margin-bottom: 0.25rem; + .md\:to-pink-900 { + --gradient-to-color: #751a3d; } - .sm\:ml-1 { - margin-left: 0.25rem; + .md\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:mt-2 { - margin-top: 0.5rem; + .md\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:mr-2 { - margin-right: 0.5rem; + .md\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:mb-2 { - margin-bottom: 0.5rem; + .md\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:ml-2 { - margin-left: 0.5rem; + .md\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:mt-3 { - margin-top: 0.75rem; + .md\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:mr-3 { - margin-right: 0.75rem; + .md\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:mb-3 { - margin-bottom: 0.75rem; + .md\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:ml-3 { - margin-left: 0.75rem; + .md\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:mt-4 { - margin-top: 1rem; + .md\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:mr-4 { - margin-right: 1rem; + .md\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:mb-4 { - margin-bottom: 1rem; + .md\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:ml-4 { - margin-left: 1rem; + .md\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:mt-5 { - margin-top: 1.25rem; + .md\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:mr-5 { - margin-right: 1.25rem; + .md\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:mb-5 { - margin-bottom: 1.25rem; + .md\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:ml-5 { - margin-left: 1.25rem; + .md\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:mt-6 { - margin-top: 1.5rem; + .md\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:mr-6 { - margin-right: 1.5rem; + .md\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .md\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:ml-6 { - margin-left: 1.5rem; + .md\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:mt-7 { - margin-top: 1.75rem; + .md\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:mr-7 { - margin-right: 1.75rem; + .md\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:mb-7 { - margin-bottom: 1.75rem; + .md\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:ml-7 { - margin-left: 1.75rem; + .md\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:mt-8 { - margin-top: 2rem; + .md\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:mr-8 { - margin-right: 2rem; + .md\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:mb-8 { - margin-bottom: 2rem; + .md\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:ml-8 { - margin-left: 2rem; + .md\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:mt-9 { - margin-top: 2.25rem; + .md\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:mr-9 { - margin-right: 2.25rem; + .md\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:mb-9 { - margin-bottom: 2.25rem; + .md\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:ml-9 { - margin-left: 2.25rem; + .md\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:mt-10 { - margin-top: 2.5rem; + .md\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:mr-10 { - margin-right: 2.5rem; + .md\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:mb-10 { - margin-bottom: 2.5rem; + .md\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:ml-10 { - margin-left: 2.5rem; + .md\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:mt-11 { - margin-top: 2.75rem; + .md\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:mr-11 { - margin-right: 2.75rem; + .md\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:mb-11 { - margin-bottom: 2.75rem; + .md\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:ml-11 { - margin-left: 2.75rem; + .md\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:mt-12 { - margin-top: 3rem; + .md\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:mr-12 { - margin-right: 3rem; + .md\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:mb-12 { - margin-bottom: 3rem; + .md\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:ml-12 { - margin-left: 3rem; + .md\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:mt-13 { - margin-top: 3.25rem; + .md\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:mr-13 { - margin-right: 3.25rem; + .md\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:mb-13 { - margin-bottom: 3.25rem; + .md\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:ml-13 { - margin-left: 3.25rem; + .md\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:mt-14 { - margin-top: 3.5rem; + .md\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:mr-14 { - margin-right: 3.5rem; + .md\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:mb-14 { - margin-bottom: 3.5rem; + .md\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:ml-14 { - margin-left: 3.5rem; + .md\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:mt-15 { - margin-top: 3.75rem; + .md\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:mr-15 { - margin-right: 3.75rem; + .md\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:mb-15 { - margin-bottom: 3.75rem; + .md\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:ml-15 { - margin-left: 3.75rem; + .md\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:mt-16 { - margin-top: 4rem; + .md\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:mr-16 { - margin-right: 4rem; + .md\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:mb-16 { - margin-bottom: 4rem; + .md\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:ml-16 { - margin-left: 4rem; + .md\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:mt-20 { - margin-top: 5rem; + .md\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:mr-20 { - margin-right: 5rem; + .md\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:mb-20 { - margin-bottom: 5rem; + .md\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:ml-20 { - margin-left: 5rem; + .md\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:mt-24 { - margin-top: 6rem; + .md\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:mr-24 { - margin-right: 6rem; + .md\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:mb-24 { - margin-bottom: 6rem; + .md\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:ml-24 { - margin-left: 6rem; + .md\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:mt-28 { - margin-top: 7rem; + .md\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:mr-28 { - margin-right: 7rem; + .md\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:mb-28 { - margin-bottom: 7rem; + .md\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:ml-28 { - margin-left: 7rem; + .md\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:mt-32 { - margin-top: 8rem; + .md\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:mr-32 { - margin-right: 8rem; + .md\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:mb-32 { - margin-bottom: 8rem; + .md\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:ml-32 { - margin-left: 8rem; + .md\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:mt-36 { - margin-top: 9rem; + .md\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:mr-36 { - margin-right: 9rem; + .md\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:mb-36 { - margin-bottom: 9rem; + .md\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:ml-36 { - margin-left: 9rem; + .md\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:mt-40 { - margin-top: 10rem; + .md\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:mr-40 { - margin-right: 10rem; + .md\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:mb-40 { - margin-bottom: 10rem; + .md\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:ml-40 { - margin-left: 10rem; + .md\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:mt-44 { - margin-top: 11rem; + .md\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:mr-44 { - margin-right: 11rem; + .md\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:mb-44 { - margin-bottom: 11rem; + .md\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .md\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:ml-44 { - margin-left: 11rem; + .md\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:mt-48 { - margin-top: 12rem; + .md\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:mr-48 { - margin-right: 12rem; + .md\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:mb-48 { - margin-bottom: 12rem; + .md\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:ml-48 { - margin-left: 12rem; + .md\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:mt-52 { - margin-top: 13rem; + .md\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:mr-52 { - margin-right: 13rem; + .md\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:mb-52 { - margin-bottom: 13rem; + .md\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:ml-52 { - margin-left: 13rem; + .md\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:mt-56 { - margin-top: 14rem; + .md\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:mr-56 { - margin-right: 14rem; + .md\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:mb-56 { - margin-bottom: 14rem; + .md\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:ml-56 { - margin-left: 14rem; + .md\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:mt-60 { - margin-top: 15rem; + .md\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:mr-60 { - margin-right: 15rem; + .md\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:mb-60 { - margin-bottom: 15rem; + .md\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:ml-60 { - margin-left: 15rem; + .md\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:mt-64 { - margin-top: 16rem; + .md\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:mr-64 { - margin-right: 16rem; + .md\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:mb-64 { - margin-bottom: 16rem; + .md\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:ml-64 { - margin-left: 16rem; + .md\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:mt-72 { - margin-top: 18rem; + .md\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:mr-72 { - margin-right: 18rem; + .md\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:mb-72 { - margin-bottom: 18rem; + .md\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:ml-72 { - margin-left: 18rem; + .md\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:mt-80 { - margin-top: 20rem; + .md\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:mr-80 { - margin-right: 20rem; + .md\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:mb-80 { - margin-bottom: 20rem; + .md\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:ml-80 { - margin-left: 20rem; + .md\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:mt-96 { - margin-top: 24rem; + .md\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:mr-96 { - margin-right: 24rem; + .md\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:mb-96 { - margin-bottom: 24rem; + .md\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:ml-96 { - margin-left: 24rem; + .md\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:mt-auto { - margin-top: auto; + .md\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:mr-auto { - margin-right: auto; + .md\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:mb-auto { - margin-bottom: auto; + .md\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:ml-auto { - margin-left: auto; + .md\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:mt-px { - margin-top: 1px; + .md\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:mr-px { - margin-right: 1px; + .md\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:mb-px { - margin-bottom: 1px; + .md\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:ml-px { - margin-left: 1px; + .md\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:mt-0\.5 { - margin-top: 0.125rem; + .md\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:mr-0\.5 { - margin-right: 0.125rem; + .md\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:ml-0\.5 { - margin-left: 0.125rem; + .md\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:mt-1\.5 { - margin-top: 0.375rem; + .md\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:mr-1\.5 { - margin-right: 0.375rem; + .md\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:ml-1\.5 { - margin-left: 0.375rem; + .md\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:mt-2\.5 { - margin-top: 0.625rem; + .md\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:mr-2\.5 { - margin-right: 0.625rem; + .md\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:ml-2\.5 { - margin-left: 0.625rem; + .md\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:mt-3\.5 { - margin-top: 0.875rem; + .md\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:mr-3\.5 { - margin-right: 0.875rem; + .md\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:ml-3\.5 { - margin-left: 0.875rem; + .md\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:mt-1\/2 { - margin-top: 50%; + .md\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:mr-1\/2 { - margin-right: 50%; + .md\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:mb-1\/2 { - margin-bottom: 50%; + .md\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:ml-1\/2 { - margin-left: 50%; + .md\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:mt-1\/3 { - margin-top: 33.333333%; + .md\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:mr-1\/3 { - margin-right: 33.333333%; + .md\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:mb-1\/3 { - margin-bottom: 33.333333%; + .md\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:ml-1\/3 { - margin-left: 33.333333%; + .md\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:mt-2\/3 { - margin-top: 66.666667%; + .md\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:mr-2\/3 { - margin-right: 66.666667%; + .md\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:mb-2\/3 { - margin-bottom: 66.666667%; + .md\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:ml-2\/3 { - margin-left: 66.666667%; + .md\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:mt-1\/4 { - margin-top: 25%; + .md\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:mr-1\/4 { - margin-right: 25%; + .md\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:mb-1\/4 { - margin-bottom: 25%; + .md\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:ml-1\/4 { - margin-left: 25%; + .md\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:mt-2\/4 { - margin-top: 50%; + .md\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:mr-2\/4 { - margin-right: 50%; + .md\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:mb-2\/4 { - margin-bottom: 50%; + .md\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:ml-2\/4 { - margin-left: 50%; + .md\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:mt-3\/4 { - margin-top: 75%; + .md\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:mr-3\/4 { - margin-right: 75%; + .md\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:mb-3\/4 { - margin-bottom: 75%; + .md\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:ml-3\/4 { - margin-left: 75%; + .md\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:mt-1\/5 { - margin-top: 20%; + .md\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:mr-1\/5 { - margin-right: 20%; + .md\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:mb-1\/5 { - margin-bottom: 20%; + .md\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:ml-1\/5 { - margin-left: 20%; + .md\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:mt-2\/5 { - margin-top: 40%; + .md\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:mr-2\/5 { - margin-right: 40%; + .md\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:mb-2\/5 { - margin-bottom: 40%; + .md\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:ml-2\/5 { - margin-left: 40%; + .md\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:mt-3\/5 { - margin-top: 60%; + .md\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:mr-3\/5 { - margin-right: 60%; + .md\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:mb-3\/5 { - margin-bottom: 60%; + .md\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:ml-3\/5 { - margin-left: 60%; + .md\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:mt-4\/5 { - margin-top: 80%; + .md\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:mr-4\/5 { - margin-right: 80%; + .md\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:mb-4\/5 { - margin-bottom: 80%; + .md\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:ml-4\/5 { - margin-left: 80%; + .md\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:mt-1\/6 { - margin-top: 16.666667%; + .md\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:mr-1\/6 { - margin-right: 16.666667%; + .md\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:mb-1\/6 { - margin-bottom: 16.666667%; + .md\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:ml-1\/6 { - margin-left: 16.666667%; + .md\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:mt-2\/6 { - margin-top: 33.333333%; + .md\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:mr-2\/6 { - margin-right: 33.333333%; + .md\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .sm\:mb-2\/6 { - margin-bottom: 33.333333%; + .md\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:ml-2\/6 { - margin-left: 33.333333%; + .md\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:mt-3\/6 { - margin-top: 50%; + .md\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:mr-3\/6 { - margin-right: 50%; + .md\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:mb-3\/6 { - margin-bottom: 50%; + .md\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:ml-3\/6 { - margin-left: 50%; + .md\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:mt-4\/6 { - margin-top: 66.666667%; + .md\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:mr-4\/6 { - margin-right: 66.666667%; + .md\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:mb-4\/6 { - margin-bottom: 66.666667%; + .md\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:ml-4\/6 { - margin-left: 66.666667%; + .md\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:mt-5\/6 { - margin-top: 83.333333%; + .md\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:mr-5\/6 { - margin-right: 83.333333%; + .md\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:mb-5\/6 { - margin-bottom: 83.333333%; + .md\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:ml-5\/6 { - margin-left: 83.333333%; + .md\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:mt-1\/12 { - margin-top: 8.333333%; + .md\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:mr-1\/12 { - margin-right: 8.333333%; + .md\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:mb-1\/12 { - margin-bottom: 8.333333%; + .md\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .sm\:ml-1\/12 { - margin-left: 8.333333%; + .md\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .sm\:mt-2\/12 { - margin-top: 16.666667%; + .md\:hover\:to-black:hover { + --gradient-to-color: #000000; } - .sm\:mr-2\/12 { - margin-right: 16.666667%; + .md\:hover\:to-white:hover { + --gradient-to-color: #ffffff; } - .sm\:mb-2\/12 { - margin-bottom: 16.666667%; + .md\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; } - .sm\:ml-2\/12 { - margin-left: 16.666667%; + .md\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; } - .sm\:mt-3\/12 { - margin-top: 25%; + .md\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; } - .sm\:mr-3\/12 { - margin-right: 25%; + .md\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; } - .sm\:mb-3\/12 { - margin-bottom: 25%; + .md\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; } - .sm\:ml-3\/12 { - margin-left: 25%; + .md\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; } - .sm\:mt-4\/12 { - margin-top: 33.333333%; + .md\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; } - .sm\:mr-4\/12 { - margin-right: 33.333333%; + .md\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; } - .sm\:mb-4\/12 { - margin-bottom: 33.333333%; + .md\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; } - .sm\:ml-4\/12 { - margin-left: 33.333333%; + .md\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; } - .sm\:mt-5\/12 { - margin-top: 41.666667%; + .md\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; } - .sm\:mr-5\/12 { - margin-right: 41.666667%; + .md\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; } - .sm\:mb-5\/12 { - margin-bottom: 41.666667%; + .md\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; } - .sm\:ml-5\/12 { - margin-left: 41.666667%; + .md\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; } - .sm\:mt-6\/12 { - margin-top: 50%; + .md\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; } - .sm\:mr-6\/12 { - margin-right: 50%; + .md\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; } - .sm\:mb-6\/12 { - margin-bottom: 50%; + .md\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; } - .sm\:ml-6\/12 { - margin-left: 50%; + .md\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; } - .sm\:mt-7\/12 { - margin-top: 58.333333%; + .md\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; } - .sm\:mr-7\/12 { - margin-right: 58.333333%; + .md\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; } - .sm\:mb-7\/12 { - margin-bottom: 58.333333%; + .md\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; } - .sm\:ml-7\/12 { - margin-left: 58.333333%; + .md\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; } - .sm\:mt-8\/12 { - margin-top: 66.666667%; + .md\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; } - .sm\:mr-8\/12 { - margin-right: 66.666667%; + .md\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; } - .sm\:mb-8\/12 { - margin-bottom: 66.666667%; + .md\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; } - .sm\:ml-8\/12 { - margin-left: 66.666667%; + .md\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; } - .sm\:mt-9\/12 { - margin-top: 75%; + .md\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; } - .sm\:mr-9\/12 { - margin-right: 75%; + .md\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; } - .sm\:mb-9\/12 { - margin-bottom: 75%; + .md\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; } - .sm\:ml-9\/12 { - margin-left: 75%; + .md\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; } - .sm\:mt-10\/12 { - margin-top: 83.333333%; + .md\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; } - .sm\:mr-10\/12 { - margin-right: 83.333333%; + .md\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; } - .sm\:mb-10\/12 { - margin-bottom: 83.333333%; + .md\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; } - .sm\:ml-10\/12 { - margin-left: 83.333333%; + .md\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; } - .sm\:mt-11\/12 { - margin-top: 91.666667%; + .md\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; } - .sm\:mr-11\/12 { - margin-right: 91.666667%; + .md\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; } - .sm\:mb-11\/12 { - margin-bottom: 91.666667%; + .md\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; } - .sm\:ml-11\/12 { - margin-left: 91.666667%; + .md\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; } - .sm\:mt-full { - margin-top: 100%; + .md\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; } - .sm\:mr-full { - margin-right: 100%; + .md\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; } - .sm\:mb-full { - margin-bottom: 100%; + .md\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; } - .sm\:ml-full { - margin-left: 100%; + .md\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; } - .sm\:-mt-1 { - margin-top: -0.25rem; + .md\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; } - .sm\:-mr-1 { - margin-right: -0.25rem; + .md\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; } - .sm\:-mb-1 { - margin-bottom: -0.25rem; + .md\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; } - .sm\:-ml-1 { - margin-left: -0.25rem; + .md\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; } - .sm\:-mt-2 { - margin-top: -0.5rem; + .md\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; } - .sm\:-mr-2 { - margin-right: -0.5rem; + .md\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; } - .sm\:-mb-2 { - margin-bottom: -0.5rem; + .md\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; } - .sm\:-ml-2 { - margin-left: -0.5rem; + .md\:hover\:to-green-900:hover { + --gradient-to-color: #014737; } - .sm\:-mt-3 { - margin-top: -0.75rem; + .md\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; } - .sm\:-mr-3 { - margin-right: -0.75rem; + .md\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; } - .sm\:-mb-3 { - margin-bottom: -0.75rem; + .md\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; } - .sm\:-ml-3 { - margin-left: -0.75rem; + .md\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; } - .sm\:-mt-4 { - margin-top: -1rem; + .md\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; } - .sm\:-mr-4 { - margin-right: -1rem; + .md\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; } - .sm\:-mb-4 { - margin-bottom: -1rem; + .md\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; } - .sm\:-ml-4 { - margin-left: -1rem; + .md\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; } - .sm\:-mt-5 { - margin-top: -1.25rem; + .md\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; } - .sm\:-mr-5 { - margin-right: -1.25rem; + .md\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; } - .sm\:-mb-5 { - margin-bottom: -1.25rem; + .md\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; } - .sm\:-ml-5 { - margin-left: -1.25rem; + .md\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; } - .sm\:-mt-6 { - margin-top: -1.5rem; + .md\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; } - .sm\:-mr-6 { - margin-right: -1.5rem; + .md\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; } - .sm\:-mb-6 { - margin-bottom: -1.5rem; + .md\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; } - .sm\:-ml-6 { - margin-left: -1.5rem; + .md\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; } - .sm\:-mt-7 { - margin-top: -1.75rem; + .md\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; } - .sm\:-mr-7 { - margin-right: -1.75rem; + .md\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; } - .sm\:-mb-7 { - margin-bottom: -1.75rem; + .md\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; } - .sm\:-ml-7 { - margin-left: -1.75rem; + .md\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; } - .sm\:-mt-8 { - margin-top: -2rem; + .md\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; } - .sm\:-mr-8 { - margin-right: -2rem; + .md\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; } - .sm\:-mb-8 { - margin-bottom: -2rem; + .md\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; } - .sm\:-ml-8 { - margin-left: -2rem; + .md\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; } - .sm\:-mt-9 { - margin-top: -2.25rem; + .md\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; } - .sm\:-mr-9 { - margin-right: -2.25rem; + .md\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; } - .sm\:-mb-9 { - margin-bottom: -2.25rem; + .md\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; } - .sm\:-ml-9 { - margin-left: -2.25rem; + .md\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; } - .sm\:-mt-10 { - margin-top: -2.5rem; + .md\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; } - .sm\:-mr-10 { - margin-right: -2.5rem; + .md\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; } - .sm\:-mb-10 { - margin-bottom: -2.5rem; + .md\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; } - .sm\:-ml-10 { - margin-left: -2.5rem; + .md\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; } - .sm\:-mt-11 { - margin-top: -2.75rem; + .md\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; } - .sm\:-mr-11 { - margin-right: -2.75rem; + .md\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; } - .sm\:-mb-11 { - margin-bottom: -2.75rem; + .md\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; } - .sm\:-ml-11 { - margin-left: -2.75rem; + .md\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; } - .sm\:-mt-12 { - margin-top: -3rem; + .md\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; } - .sm\:-mr-12 { - margin-right: -3rem; + .md\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; } - .sm\:-mb-12 { - margin-bottom: -3rem; + .md\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; } - .sm\:-ml-12 { - margin-left: -3rem; + .md\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; } - .sm\:-mt-13 { - margin-top: -3.25rem; + .md\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .sm\:-mr-13 { - margin-right: -3.25rem; + .md\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; } - .sm\:-mb-13 { - margin-bottom: -3.25rem; + .md\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; } - .sm\:-ml-13 { - margin-left: -3.25rem; + .md\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; } - .sm\:-mt-14 { - margin-top: -3.5rem; + .md\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; } - .sm\:-mr-14 { - margin-right: -3.5rem; + .md\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; } - .sm\:-mb-14 { - margin-bottom: -3.5rem; + .md\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; } - .sm\:-ml-14 { - margin-left: -3.5rem; + .md\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; } - .sm\:-mt-15 { - margin-top: -3.75rem; + .md\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; } - .sm\:-mr-15 { - margin-right: -3.75rem; + .md\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; } - .sm\:-mb-15 { - margin-bottom: -3.75rem; + .md\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-ml-15 { - margin-left: -3.75rem; + .md\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - - .sm\:-mt-16 { - margin-top: -4rem; + + .md\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-mr-16 { - margin-right: -4rem; + .md\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:-mb-16 { - margin-bottom: -4rem; + .md\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:-ml-16 { - margin-left: -4rem; + .md\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:-mt-20 { - margin-top: -5rem; + .md\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:-mr-20 { - margin-right: -5rem; + .md\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:-mb-20 { - margin-bottom: -5rem; + .md\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:-ml-20 { - margin-left: -5rem; + .md\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:-mt-24 { - margin-top: -6rem; + .md\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:-mr-24 { - margin-right: -6rem; + .md\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:-mb-24 { - margin-bottom: -6rem; + .md\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:-ml-24 { - margin-left: -6rem; + .md\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:-mt-28 { - margin-top: -7rem; + .md\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:-mr-28 { - margin-right: -7rem; + .md\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:-mb-28 { - margin-bottom: -7rem; + .md\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:-ml-28 { - margin-left: -7rem; + .md\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:-mt-32 { - margin-top: -8rem; + .md\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:-mr-32 { - margin-right: -8rem; + .md\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:-mb-32 { - margin-bottom: -8rem; + .md\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:-ml-32 { - margin-left: -8rem; + .md\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:-mt-36 { - margin-top: -9rem; + .md\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:-mr-36 { - margin-right: -9rem; + .md\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:-mb-36 { - margin-bottom: -9rem; + .md\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:-ml-36 { - margin-left: -9rem; + .md\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:-mt-40 { - margin-top: -10rem; + .md\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:-mr-40 { - margin-right: -10rem; + .md\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:-mb-40 { - margin-bottom: -10rem; + .md\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:-ml-40 { - margin-left: -10rem; + .md\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:-mt-44 { - margin-top: -11rem; + .md\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:-mr-44 { - margin-right: -11rem; + .md\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:-mb-44 { - margin-bottom: -11rem; + .md\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:-ml-44 { - margin-left: -11rem; + .md\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:-mt-48 { - margin-top: -12rem; + .md\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:-mr-48 { - margin-right: -12rem; + .md\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:-mb-48 { - margin-bottom: -12rem; + .md\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:-ml-48 { - margin-left: -12rem; + .md\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:-mt-52 { - margin-top: -13rem; + .md\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:-mr-52 { - margin-right: -13rem; + .md\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:-mb-52 { - margin-bottom: -13rem; + .md\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:-ml-52 { - margin-left: -13rem; + .md\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:-mt-56 { - margin-top: -14rem; + .md\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:-mr-56 { - margin-right: -14rem; + .md\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:-mb-56 { - margin-bottom: -14rem; + .md\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:-ml-56 { - margin-left: -14rem; + .md\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:-mt-60 { - margin-top: -15rem; + .md\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:-mr-60 { - margin-right: -15rem; + .md\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:-mb-60 { - margin-bottom: -15rem; + .md\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:-ml-60 { - margin-left: -15rem; + .md\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:-mt-64 { - margin-top: -16rem; + .md\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:-mr-64 { - margin-right: -16rem; + .md\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:-mb-64 { - margin-bottom: -16rem; + .md\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:-ml-64 { - margin-left: -16rem; + .md\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:-mt-72 { - margin-top: -18rem; + .md\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:-mr-72 { - margin-right: -18rem; + .md\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:-mb-72 { - margin-bottom: -18rem; + .md\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:-ml-72 { - margin-left: -18rem; + .md\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:-mt-80 { - margin-top: -20rem; + .md\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:-mr-80 { - margin-right: -20rem; + .md\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:-mb-80 { - margin-bottom: -20rem; + .md\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:-ml-80 { - margin-left: -20rem; + .md\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:-mt-96 { - margin-top: -24rem; + .md\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:-mr-96 { - margin-right: -24rem; + .md\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:-mb-96 { - margin-bottom: -24rem; + .md\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:-ml-96 { - margin-left: -24rem; + .md\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:-mt-px { - margin-top: -1px; + .md\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:-mr-px { - margin-right: -1px; + .md\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:-mb-px { - margin-bottom: -1px; + .md\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:-ml-px { - margin-left: -1px; + .md\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:-mt-1\.5 { - margin-top: -0.375rem; + .md\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:-mt-1\/2 { - margin-top: -50%; + .md\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:-mr-1\/2 { - margin-right: -50%; + .md\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .sm\:-mb-1\/2 { - margin-bottom: -50%; + .md\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:-ml-1\/2 { - margin-left: -50%; + .md\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:-mt-1\/3 { - margin-top: -33.33333%; + .md\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:-mr-1\/3 { - margin-right: -33.33333%; + .md\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:-mb-1\/3 { - margin-bottom: -33.33333%; + .md\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:-ml-1\/3 { - margin-left: -33.33333%; + .md\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:-mt-2\/3 { - margin-top: -66.66667%; + .md\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:-mr-2\/3 { - margin-right: -66.66667%; + .md\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:-mb-2\/3 { - margin-bottom: -66.66667%; + .md\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:-ml-2\/3 { - margin-left: -66.66667%; + .md\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:-mt-1\/4 { - margin-top: -25%; + .md\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:-mr-1\/4 { - margin-right: -25%; + .md\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:-mb-1\/4 { - margin-bottom: -25%; + .md\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:-ml-1\/4 { - margin-left: -25%; + .md\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:-mt-2\/4 { - margin-top: -50%; + .md\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:-mr-2\/4 { - margin-right: -50%; + .md\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:-mb-2\/4 { - margin-bottom: -50%; + .md\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-ml-2\/4 { - margin-left: -50%; + .md\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:-mt-3\/4 { - margin-top: -75%; + .md\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .sm\:-mr-3\/4 { - margin-right: -75%; + .md\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .sm\:-mb-3\/4 { - margin-bottom: -75%; + .md\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .sm\:-ml-3\/4 { - margin-left: -75%; + .md\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .sm\:-mt-1\/5 { - margin-top: -20%; + .md\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .sm\:-mr-1\/5 { - margin-right: -20%; + .md\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .sm\:-mb-1\/5 { - margin-bottom: -20%; + .md\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .sm\:-ml-1\/5 { - margin-left: -20%; + .md\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .sm\:-mt-2\/5 { - margin-top: -40%; + .md\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .sm\:-mr-2\/5 { - margin-right: -40%; + .md\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .sm\:-mb-2\/5 { - margin-bottom: -40%; + .md\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .sm\:-ml-2\/5 { - margin-left: -40%; + .md\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .sm\:-mt-3\/5 { - margin-top: -60%; + .md\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .sm\:-mr-3\/5 { - margin-right: -60%; + .md\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .sm\:-mb-3\/5 { - margin-bottom: -60%; + .md\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .sm\:-ml-3\/5 { - margin-left: -60%; + .md\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .sm\:-mt-4\/5 { - margin-top: -80%; + .md\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .sm\:-mr-4\/5 { - margin-right: -80%; + .md\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .sm\:-mb-4\/5 { - margin-bottom: -80%; + .md\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .sm\:-ml-4\/5 { - margin-left: -80%; + .md\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .sm\:-mt-1\/6 { - margin-top: -16.66667%; + .md\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .sm\:-mr-1\/6 { - margin-right: -16.66667%; + .md\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .sm\:-mb-1\/6 { - margin-bottom: -16.66667%; + .md\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .sm\:-ml-1\/6 { - margin-left: -16.66667%; + .md\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .sm\:-mt-2\/6 { - margin-top: -33.33333%; + .md\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .sm\:-mr-2\/6 { - margin-right: -33.33333%; + .md\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .sm\:-mb-2\/6 { - margin-bottom: -33.33333%; + .md\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .sm\:-ml-2\/6 { - margin-left: -33.33333%; + .md\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .sm\:-mt-3\/6 { - margin-top: -50%; + .md\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .sm\:-mr-3\/6 { - margin-right: -50%; + .md\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .sm\:-mb-3\/6 { - margin-bottom: -50%; + .md\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .sm\:-ml-3\/6 { - margin-left: -50%; + .md\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .sm\:-mt-4\/6 { - margin-top: -66.66667%; + .md\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .sm\:-mr-4\/6 { - margin-right: -66.66667%; + .md\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .sm\:-mb-4\/6 { - margin-bottom: -66.66667%; + .md\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .sm\:-ml-4\/6 { - margin-left: -66.66667%; + .md\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .sm\:-mt-5\/6 { - margin-top: -83.33333%; + .md\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .sm\:-mr-5\/6 { - margin-right: -83.33333%; + .md\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .sm\:-mb-5\/6 { - margin-bottom: -83.33333%; + .md\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .sm\:-ml-5\/6 { - margin-left: -83.33333%; + .md\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .sm\:-mt-1\/12 { - margin-top: -8.33333%; + .md\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .sm\:-mr-1\/12 { - margin-right: -8.33333%; + .md\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .sm\:-mb-1\/12 { - margin-bottom: -8.33333%; + .md\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .sm\:-ml-1\/12 { - margin-left: -8.33333%; + .md\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .sm\:-mt-2\/12 { - margin-top: -16.66667%; + .md\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .sm\:-mr-2\/12 { - margin-right: -16.66667%; + .md\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .sm\:-mb-2\/12 { - margin-bottom: -16.66667%; + .md\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .sm\:-ml-2\/12 { - margin-left: -16.66667%; + .md\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .sm\:-mt-3\/12 { - margin-top: -25%; + .md\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .sm\:-mr-3\/12 { - margin-right: -25%; + .md\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .sm\:-mb-3\/12 { - margin-bottom: -25%; + .md\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .sm\:-ml-3\/12 { - margin-left: -25%; + .md\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .sm\:-mt-4\/12 { - margin-top: -33.33333%; + .md\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .sm\:-mr-4\/12 { - margin-right: -33.33333%; + .md\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .sm\:-mb-4\/12 { - margin-bottom: -33.33333%; + .md\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .sm\:-ml-4\/12 { - margin-left: -33.33333%; + .md\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .sm\:-mt-5\/12 { - margin-top: -41.66667%; + .md\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .sm\:-mr-5\/12 { - margin-right: -41.66667%; + .md\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .sm\:-mb-5\/12 { - margin-bottom: -41.66667%; + .md\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .sm\:-ml-5\/12 { - margin-left: -41.66667%; + .md\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .sm\:-mt-6\/12 { - margin-top: -50%; + .md\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .sm\:-mr-6\/12 { - margin-right: -50%; + .md\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .sm\:-mb-6\/12 { - margin-bottom: -50%; + .md\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .sm\:-ml-6\/12 { - margin-left: -50%; + .md\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .sm\:-mt-7\/12 { - margin-top: -58.33333%; + .md\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .sm\:-mr-7\/12 { - margin-right: -58.33333%; + .md\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .sm\:-mb-7\/12 { - margin-bottom: -58.33333%; + .md\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .sm\:-ml-7\/12 { - margin-left: -58.33333%; + .md\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .sm\:-mt-8\/12 { - margin-top: -66.66667%; + .md\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .sm\:-mr-8\/12 { - margin-right: -66.66667%; + .md\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .sm\:-mb-8\/12 { - margin-bottom: -66.66667%; + .md\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .sm\:-ml-8\/12 { - margin-left: -66.66667%; + .md\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .sm\:-mt-9\/12 { - margin-top: -75%; + .md\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .sm\:-mr-9\/12 { - margin-right: -75%; + .md\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .sm\:-mb-9\/12 { - margin-bottom: -75%; + .md\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .sm\:-ml-9\/12 { - margin-left: -75%; + .md\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .sm\:-mt-10\/12 { - margin-top: -83.33333%; + .md\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .sm\:-mr-10\/12 { - margin-right: -83.33333%; + .md\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .sm\:-mb-10\/12 { - margin-bottom: -83.33333%; + .md\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .sm\:-ml-10\/12 { - margin-left: -83.33333%; + .md\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .sm\:-mt-11\/12 { - margin-top: -91.66667%; + .md\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .sm\:-mr-11\/12 { - margin-right: -91.66667%; + .md\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .sm\:-mb-11\/12 { - margin-bottom: -91.66667%; + .md\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .sm\:-ml-11\/12 { - margin-left: -91.66667%; + .md\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .sm\:-mt-full { - margin-top: -100%; + .md\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .sm\:-mr-full { - margin-right: -100%; + .md\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .sm\:-mb-full { - margin-bottom: -100%; + .md\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .sm\:-ml-full { - margin-left: -100%; + .md\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .sm\:max-h-0 { - max-height: 0; + .md\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .sm\:max-h-1 { - max-height: 0.25rem; + .md\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .sm\:max-h-2 { - max-height: 0.5rem; + .md\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .sm\:max-h-3 { - max-height: 0.75rem; + .md\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .sm\:max-h-4 { - max-height: 1rem; + .md\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .sm\:max-h-5 { - max-height: 1.25rem; + .md\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .sm\:max-h-6 { - max-height: 1.5rem; + .md\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .sm\:max-h-7 { - max-height: 1.75rem; + .md\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .sm\:max-h-8 { - max-height: 2rem; + .md\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .sm\:max-h-9 { - max-height: 2.25rem; + .md\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .sm\:max-h-10 { - max-height: 2.5rem; + .md\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .sm\:max-h-11 { - max-height: 2.75rem; + .md\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .sm\:max-h-12 { - max-height: 3rem; + .md\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .sm\:max-h-13 { - max-height: 3.25rem; + .md\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .sm\:max-h-14 { - max-height: 3.5rem; + .md\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .sm\:max-h-15 { - max-height: 3.75rem; + .md\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .sm\:max-h-16 { - max-height: 4rem; + .md\:focus\:to-black:focus { + --gradient-to-color: #000000; } - .sm\:max-h-20 { - max-height: 5rem; + .md\:focus\:to-white:focus { + --gradient-to-color: #ffffff; } - .sm\:max-h-24 { - max-height: 6rem; + .md\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; } - .sm\:max-h-28 { - max-height: 7rem; + .md\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; } - .sm\:max-h-32 { - max-height: 8rem; + .md\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; } - .sm\:max-h-36 { - max-height: 9rem; + .md\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; } - .sm\:max-h-40 { - max-height: 10rem; + .md\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; } - .sm\:max-h-44 { - max-height: 11rem; + .md\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; } - .sm\:max-h-48 { - max-height: 12rem; + .md\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; } - .sm\:max-h-52 { - max-height: 13rem; + .md\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; } - .sm\:max-h-56 { - max-height: 14rem; + .md\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; } - .sm\:max-h-60 { - max-height: 15rem; + .md\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; } - .sm\:max-h-64 { - max-height: 16rem; + .md\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; } - .sm\:max-h-72 { - max-height: 18rem; + .md\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; } - .sm\:max-h-80 { - max-height: 20rem; + .md\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; } - .sm\:max-h-96 { - max-height: 24rem; + .md\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; } - .sm\:max-h-screen { - max-height: 100vh; + .md\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; } - .sm\:max-h-px { - max-height: 1px; + .md\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; } - .sm\:max-h-0\.5 { - max-height: 0.125rem; + .md\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; } - .sm\:max-h-1\.5 { - max-height: 0.375rem; + .md\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; } - .sm\:max-h-2\.5 { - max-height: 0.625rem; + .md\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; } - .sm\:max-h-3\.5 { - max-height: 0.875rem; + .md\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; } - .sm\:max-h-1\/2 { - max-height: 50%; + .md\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; } - .sm\:max-h-1\/3 { - max-height: 33.333333%; + .md\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; } - .sm\:max-h-2\/3 { - max-height: 66.666667%; + .md\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; } - .sm\:max-h-1\/4 { - max-height: 25%; + .md\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; } - .sm\:max-h-2\/4 { - max-height: 50%; + .md\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; } - .sm\:max-h-3\/4 { - max-height: 75%; + .md\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; } - .sm\:max-h-1\/5 { - max-height: 20%; + .md\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; } - .sm\:max-h-2\/5 { - max-height: 40%; + .md\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; } - .sm\:max-h-3\/5 { - max-height: 60%; + .md\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; } - .sm\:max-h-4\/5 { - max-height: 80%; + .md\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; } - .sm\:max-h-1\/6 { - max-height: 16.666667%; + .md\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; } - .sm\:max-h-2\/6 { - max-height: 33.333333%; + .md\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; } - .sm\:max-h-3\/6 { - max-height: 50%; + .md\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; } - .sm\:max-h-4\/6 { - max-height: 66.666667%; + .md\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; } - .sm\:max-h-5\/6 { - max-height: 83.333333%; + .md\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; } - .sm\:max-h-1\/12 { - max-height: 8.333333%; + .md\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; } - .sm\:max-h-2\/12 { - max-height: 16.666667%; + .md\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; } - .sm\:max-h-3\/12 { - max-height: 25%; + .md\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; } - .sm\:max-h-4\/12 { - max-height: 33.333333%; + .md\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; } - .sm\:max-h-5\/12 { - max-height: 41.666667%; + .md\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; } - .sm\:max-h-6\/12 { - max-height: 50%; + .md\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; } - .sm\:max-h-7\/12 { - max-height: 58.333333%; + .md\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; } - .sm\:max-h-8\/12 { - max-height: 66.666667%; + .md\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; } - .sm\:max-h-9\/12 { - max-height: 75%; + .md\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; } - .sm\:max-h-10\/12 { - max-height: 83.333333%; + .md\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; } - .sm\:max-h-11\/12 { - max-height: 91.666667%; + .md\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; } - .sm\:max-h-full { - max-height: 100%; + .md\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; } - .sm\:max-w-0 { - max-width: 0rem; + .md\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; } - .sm\:max-w-none { - max-width: none; + .md\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; } - .sm\:max-w-xs { - max-width: 20rem; + .md\:focus\:to-green-900:focus { + --gradient-to-color: #014737; } - .sm\:max-w-sm { - max-width: 24rem; + .md\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; } - .sm\:max-w-md { - max-width: 28rem; + .md\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; } - .sm\:max-w-lg { - max-width: 32rem; + .md\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; } - .sm\:max-w-xl { - max-width: 36rem; + .md\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; } - .sm\:max-w-2xl { - max-width: 42rem; + .md\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; } - .sm\:max-w-3xl { - max-width: 48rem; + .md\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; } - .sm\:max-w-4xl { - max-width: 56rem; + .md\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; } - .sm\:max-w-5xl { - max-width: 64rem; + .md\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; } - .sm\:max-w-6xl { - max-width: 72rem; + .md\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; } - .sm\:max-w-7xl { - max-width: 80rem; + .md\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; } - .sm\:max-w-full { - max-width: 100%; + .md\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; } - .sm\:max-w-min-content { - max-width: min-content; + .md\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; } - .sm\:max-w-max-content { - max-width: max-content; + .md\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; } - .sm\:max-w-screen-sm { - max-width: 640px; + .md\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; } - .sm\:max-w-screen-md { - max-width: 768px; + .md\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; } - .sm\:max-w-screen-lg { - max-width: 1024px; + .md\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; } - .sm\:max-w-screen-xl { - max-width: 1280px; + .md\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; } - .sm\:min-h-0 { - min-height: 0; + .md\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; } - .sm\:min-h-full { - min-height: 100%; + .md\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; } - .sm\:min-h-screen { - min-height: 100vh; + .md\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; } - .sm\:min-w-0 { - min-width: 0; + .md\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; } - .sm\:min-w-full { - min-width: 100%; + .md\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; } - .sm\:min-w-min-content { - min-width: min-content; + .md\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; } - .sm\:min-w-max-content { - min-width: max-content; + .md\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; } - .sm\:object-contain { - object-fit: contain; + .md\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; } - .sm\:object-cover { - object-fit: cover; + .md\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; } - .sm\:object-fill { - object-fit: fill; + .md\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; } - .sm\:object-none { - object-fit: none; + .md\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; } - .sm\:object-scale-down { - object-fit: scale-down; + .md\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; } - .sm\:object-bottom { - object-position: bottom; + .md\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; } - .sm\:object-center { - object-position: center; + .md\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; } - .sm\:object-left { - object-position: left; + .md\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; } - .sm\:object-left-bottom { - object-position: left bottom; + .md\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; } - .sm\:object-left-top { - object-position: left top; + .md\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; } - .sm\:object-right { - object-position: right; + .md\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; } - .sm\:object-right-bottom { - object-position: right bottom; + .md\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; } - .sm\:object-right-top { - object-position: right top; + .md\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; } - .sm\:object-top { - object-position: top; + .md\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; } - .sm\:opacity-0 { - opacity: 0; + .md\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; } - .sm\:opacity-25 { - opacity: 0.25; + .md\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; } - .sm\:opacity-50 { - opacity: 0.5; + .md\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .sm\:opacity-75 { - opacity: 0.75; + .md\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; } - .sm\:opacity-100 { - opacity: 1; + .md\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; } - .sm\:hover\:opacity-0:hover { - opacity: 0; + .md\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; } - .sm\:hover\:opacity-25:hover { - opacity: 0.25; + .md\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; } - .sm\:hover\:opacity-50:hover { - opacity: 0.5; + .md\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; } - .sm\:hover\:opacity-75:hover { - opacity: 0.75; + .md\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; } - .sm\:hover\:opacity-100:hover { - opacity: 1; + .md\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; } - .sm\:focus\:opacity-0:focus { - opacity: 0; + .md\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; } - .sm\:focus\:opacity-25:focus { - opacity: 0.25; + .md\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; } - .sm\:focus\:opacity-50:focus { - opacity: 0.5; - } + @media (prefers-color-scheme: dark) { + .md\:dark\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:focus\:opacity-75:focus { - opacity: 0.75; - } + .md\:dark\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:focus\:opacity-100:focus { - opacity: 1; - } + .md\:dark\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:outline-none { - outline: 0; - } + .md\:dark\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:focus\:outline-none:focus { - outline: 0; - } + .md\:dark\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:overflow-auto { - overflow: auto; - } + .md\:dark\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:overflow-hidden { - overflow: hidden; - } + .md\:dark\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:overflow-visible { - overflow: visible; - } + .md\:dark\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:overflow-scroll { - overflow: scroll; - } + .md\:dark\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:overflow-x-auto { - overflow-x: auto; - } + .md\:dark\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:overflow-y-auto { - overflow-y: auto; - } + .md\:dark\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:overflow-x-hidden { - overflow-x: hidden; - } + .md\:dark\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:overflow-y-hidden { - overflow-y: hidden; - } + .md\:dark\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:overflow-x-visible { - overflow-x: visible; - } + .md\:dark\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:overflow-y-visible { - overflow-y: visible; - } + .md\:dark\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:overflow-x-scroll { - overflow-x: scroll; - } + .md\:dark\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:overflow-y-scroll { - overflow-y: scroll; - } + .md\:dark\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch; - } + .md\:dark\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto; - } + .md\:dark\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:overscroll-auto { - overscroll-behavior: auto; - } + .md\:dark\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:overscroll-contain { - overscroll-behavior: contain; - } + .md\:dark\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:overscroll-none { - overscroll-behavior: none; - } + .md\:dark\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:overscroll-y-auto { - overscroll-behavior-y: auto; - } + .md\:dark\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:overscroll-y-contain { - overscroll-behavior-y: contain; - } + .md\:dark\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:overscroll-y-none { - overscroll-behavior-y: none; - } + .md\:dark\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .sm\:overscroll-x-auto { - overscroll-behavior-x: auto; - } + .md\:dark\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .sm\:overscroll-x-contain { - overscroll-behavior-x: contain; - } + .md\:dark\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .sm\:overscroll-x-none { - overscroll-behavior-x: none; - } + .md\:dark\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .sm\:p-0 { - padding: 0; - } + .md\:dark\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .sm\:p-1 { - padding: 0.25rem; - } + .md\:dark\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .sm\:p-2 { - padding: 0.5rem; - } + .md\:dark\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .sm\:p-3 { - padding: 0.75rem; - } + .md\:dark\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .sm\:p-4 { - padding: 1rem; - } + .md\:dark\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .sm\:p-5 { - padding: 1.25rem; - } + .md\:dark\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .sm\:p-6 { - padding: 1.5rem; - } + .md\:dark\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .sm\:p-7 { - padding: 1.75rem; - } + .md\:dark\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .sm\:p-8 { - padding: 2rem; - } + .md\:dark\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .sm\:p-9 { - padding: 2.25rem; - } + .md\:dark\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .sm\:p-10 { - padding: 2.5rem; - } + .md\:dark\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .sm\:p-11 { - padding: 2.75rem; - } + .md\:dark\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .sm\:p-12 { - padding: 3rem; - } + .md\:dark\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .sm\:p-13 { - padding: 3.25rem; - } + .md\:dark\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .sm\:p-14 { - padding: 3.5rem; - } + .md\:dark\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .sm\:p-15 { - padding: 3.75rem; - } + .md\:dark\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .sm\:p-16 { - padding: 4rem; - } + .md\:dark\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .sm\:p-20 { - padding: 5rem; - } + .md\:dark\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .sm\:p-24 { - padding: 6rem; - } + .md\:dark\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .sm\:p-28 { - padding: 7rem; - } + .md\:dark\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .sm\:p-32 { - padding: 8rem; - } + .md\:dark\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .sm\:p-36 { - padding: 9rem; - } + .md\:dark\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:p-40 { - padding: 10rem; - } + .md\:dark\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:p-44 { - padding: 11rem; - } + .md\:dark\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:p-48 { - padding: 12rem; - } + .md\:dark\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:p-52 { - padding: 13rem; - } + .md\:dark\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:p-56 { - padding: 14rem; - } + .md\:dark\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:p-60 { - padding: 15rem; - } + .md\:dark\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:p-64 { - padding: 16rem; - } + .md\:dark\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:p-72 { - padding: 18rem; - } + .md\:dark\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:p-80 { - padding: 20rem; - } + .md\:dark\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:p-96 { - padding: 24rem; - } + .md\:dark\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:p-px { - padding: 1px; - } + .md\:dark\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:p-0\.5 { - padding: 0.125rem; - } + .md\:dark\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:p-1\.5 { - padding: 0.375rem; - } + .md\:dark\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:p-2\.5 { - padding: 0.625rem; - } + .md\:dark\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:p-3\.5 { - padding: 0.875rem; - } + .md\:dark\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:p-1\/2 { - padding: 50%; - } + .md\:dark\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:p-1\/3 { - padding: 33.333333%; - } + .md\:dark\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:p-2\/3 { - padding: 66.666667%; - } + .md\:dark\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:p-1\/4 { - padding: 25%; - } + .md\:dark\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:p-2\/4 { - padding: 50%; - } + .md\:dark\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:p-3\/4 { - padding: 75%; - } + .md\:dark\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:p-1\/5 { - padding: 20%; - } + .md\:dark\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:p-2\/5 { - padding: 40%; - } + .md\:dark\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:p-3\/5 { - padding: 60%; - } + .md\:dark\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:p-4\/5 { - padding: 80%; - } + .md\:dark\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .sm\:p-1\/6 { - padding: 16.666667%; - } + .md\:dark\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:p-2\/6 { - padding: 33.333333%; - } + .md\:dark\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:p-3\/6 { - padding: 50%; - } + .md\:dark\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:p-4\/6 { - padding: 66.666667%; - } + .md\:dark\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:p-5\/6 { - padding: 83.333333%; - } + .md\:dark\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:p-1\/12 { - padding: 8.333333%; - } + .md\:dark\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:p-2\/12 { - padding: 16.666667%; - } + .md\:dark\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:p-3\/12 { - padding: 25%; - } + .md\:dark\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:p-4\/12 { - padding: 33.333333%; - } + .md\:dark\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:p-5\/12 { - padding: 41.666667%; - } + .md\:dark\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:p-6\/12 { - padding: 50%; - } + .md\:dark\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:p-7\/12 { - padding: 58.333333%; - } + .md\:dark\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:p-8\/12 { - padding: 66.666667%; - } + .md\:dark\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:p-9\/12 { - padding: 75%; - } + .md\:dark\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:p-10\/12 { - padding: 83.333333%; - } + .md\:dark\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:p-11\/12 { - padding: 91.666667%; - } + .md\:dark\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:p-full { - padding: 100%; - } + .md\:dark\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:py-0 { - padding-top: 0; - padding-bottom: 0; - } + .md\:dark\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:px-0 { - padding-left: 0; - padding-right: 0; - } + .md\:dark\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } + .md\:dark\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; - } + .md\:dark\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } + .md\:dark\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } + .md\:dark\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } + .md\:dark\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } + .md\:dark\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } + .md\:dark\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } + .md\:dark\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; - } + .md\:dark\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } + .md\:dark\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } + .md\:dark\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } + .md\:dark\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; - } + .md\:dark\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; - } + .md\:dark\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } + .md\:dark\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } + .md\:dark\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; - } + .md\:dark\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; - } + .md\:dark\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; - } + .md\:dark\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } + .md\:dark\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; - } + .md\:dark\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; - } + .md\:dark\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } + .md\:dark\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } + .md\:dark\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:py-13 { - padding-top: 3.25rem; - padding-bottom: 3.25rem; - } + .md\:dark\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:px-13 { - padding-left: 3.25rem; - padding-right: 3.25rem; - } + .md\:dark\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; - } + .md\:dark\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; - } + .md\:dark\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:py-15 { - padding-top: 3.75rem; - padding-bottom: 3.75rem; - } + .md\:dark\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:px-15 { - padding-left: 3.75rem; - padding-right: 3.75rem; - } + .md\:dark\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } + .md\:dark\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:px-16 { - padding-left: 4rem; - padding-right: 4rem; - } + .md\:dark\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; - } + .md\:dark\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:px-20 { - padding-left: 5rem; - padding-right: 5rem; - } + .md\:dark\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; - } + .md\:dark\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .md\:dark\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .md\:dark\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .md\:dark\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .md\:dark\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .md\:dark\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .md\:dark\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .md\:dark\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .md\:dark\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .md\:dark\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .md\:dark\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .md\:dark\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .md\:dark\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .md\:dark\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .md\:dark\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .md\:dark\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .md\:dark\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .md\:dark\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .md\:dark\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .md\:dark\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .md\:dark\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .md\:dark\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .md\:dark\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .md\:dark\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .md\:dark\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .md\:dark\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:px-24 { - padding-left: 6rem; - padding-right: 6rem; - } + .md\:dark\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; - } + .md\:dark\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:px-28 { - padding-left: 7rem; - padding-right: 7rem; - } + .md\:dark\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } + .md\:dark\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:px-32 { - padding-left: 8rem; - padding-right: 8rem; - } + .md\:dark\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; - } + .md\:dark\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:px-36 { - padding-left: 9rem; - padding-right: 9rem; - } + .md\:dark\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; - } + .md\:dark\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:px-40 { - padding-left: 10rem; - padding-right: 10rem; - } + .md\:dark\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; - } + .md\:dark\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:px-44 { - padding-left: 11rem; - padding-right: 11rem; - } + .md\:dark\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; - } + .md\:dark\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:px-48 { - padding-left: 12rem; - padding-right: 12rem; - } + .md\:dark\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; - } + .md\:dark\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:px-52 { - padding-left: 13rem; - padding-right: 13rem; - } + .md\:dark\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; - } + .md\:dark\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:px-56 { - padding-left: 14rem; - padding-right: 14rem; - } + .md\:dark\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; - } + .md\:dark\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:px-60 { - padding-left: 15rem; - padding-right: 15rem; - } + .md\:dark\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; - } + .md\:dark\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:px-64 { - padding-left: 16rem; - padding-right: 16rem; - } + .md\:dark\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; - } + .md\:dark\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:px-72 { - padding-left: 18rem; - padding-right: 18rem; - } + .md\:dark\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; - } + .md\:dark\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:px-80 { - padding-left: 20rem; - padding-right: 20rem; - } + .md\:dark\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .sm\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; - } + .md\:dark\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:px-96 { - padding-left: 24rem; - padding-right: 24rem; - } + .md\:dark\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:py-px { - padding-top: 1px; - padding-bottom: 1px; - } + .md\:dark\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:px-px { - padding-left: 1px; - padding-right: 1px; - } + .md\:dark\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; - } + .md\:dark\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; - } + .md\:dark\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; - } + .md\:dark\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } + .md\:dark\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; - } + .md\:dark\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; - } + .md\:dark\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; - } + .md\:dark\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; - } + .md\:dark\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:py-1\/2 { - padding-top: 50%; - padding-bottom: 50%; - } + .md\:dark\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:px-1\/2 { - padding-left: 50%; - padding-right: 50%; - } + .md\:dark\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:py-1\/3 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; - } + .md\:dark\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:px-1\/3 { - padding-left: 33.333333%; - padding-right: 33.333333%; - } + .md\:dark\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:py-2\/3 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; - } + .md\:dark\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:px-2\/3 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + .md\:dark\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:py-1\/4 { - padding-top: 25%; - padding-bottom: 25%; - } + .md\:dark\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:px-1\/4 { - padding-left: 25%; - padding-right: 25%; - } + .md\:dark\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:py-2\/4 { - padding-top: 50%; - padding-bottom: 50%; - } + .md\:dark\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:px-2\/4 { - padding-left: 50%; - padding-right: 50%; - } + .md\:dark\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:py-3\/4 { - padding-top: 75%; - padding-bottom: 75%; - } + .md\:dark\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:px-3\/4 { - padding-left: 75%; - padding-right: 75%; - } + .md\:dark\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:py-1\/5 { - padding-top: 20%; - padding-bottom: 20%; - } + .md\:dark\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:px-1\/5 { - padding-left: 20%; - padding-right: 20%; - } + .md\:dark\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:py-2\/5 { - padding-top: 40%; - padding-bottom: 40%; - } + .md\:dark\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:px-2\/5 { - padding-left: 40%; - padding-right: 40%; - } + .md\:dark\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:py-3\/5 { - padding-top: 60%; - padding-bottom: 60%; - } + .md\:dark\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:px-3\/5 { - padding-left: 60%; - padding-right: 60%; - } + .md\:dark\:to-transparent { + --gradient-to-color: transparent; + } - .sm\:py-4\/5 { - padding-top: 80%; - padding-bottom: 80%; - } + .md\:dark\:to-current { + --gradient-to-color: currentColor; + } - .sm\:px-4\/5 { - padding-left: 80%; - padding-right: 80%; - } + .md\:dark\:to-black { + --gradient-to-color: #000000; + } - .sm\:py-1\/6 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; - } + .md\:dark\:to-white { + --gradient-to-color: #ffffff; + } - .sm\:px-1\/6 { - padding-left: 16.666667%; - padding-right: 16.666667%; - } + .md\:dark\:to-gray-50 { + --gradient-to-color: #f9fafb; + } - .sm\:py-2\/6 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; - } + .md\:dark\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } - .sm\:px-2\/6 { - padding-left: 33.333333%; - padding-right: 33.333333%; - } + .md\:dark\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } - .sm\:py-3\/6 { - padding-top: 50%; - padding-bottom: 50%; - } + .md\:dark\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } - .sm\:px-3\/6 { - padding-left: 50%; - padding-right: 50%; - } + .md\:dark\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } - .sm\:py-4\/6 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; - } + .md\:dark\:to-gray-500 { + --gradient-to-color: #6b7280; + } - .sm\:px-4\/6 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + .md\:dark\:to-gray-600 { + --gradient-to-color: #4b5563; + } - .sm\:py-5\/6 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; - } + .md\:dark\:to-gray-700 { + --gradient-to-color: #374151; + } - .sm\:px-5\/6 { - padding-left: 83.333333%; - padding-right: 83.333333%; - } + .md\:dark\:to-gray-800 { + --gradient-to-color: #252f3f; + } - .sm\:py-1\/12 { - padding-top: 8.333333%; - padding-bottom: 8.333333%; - } + .md\:dark\:to-gray-900 { + --gradient-to-color: #161e2e; + } - .sm\:px-1\/12 { - padding-left: 8.333333%; - padding-right: 8.333333%; - } + .md\:dark\:to-red-50 { + --gradient-to-color: #fdf2f2; + } - .sm\:py-2\/12 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; - } + .md\:dark\:to-red-100 { + --gradient-to-color: #fde8e8; + } - .sm\:px-2\/12 { - padding-left: 16.666667%; - padding-right: 16.666667%; - } + .md\:dark\:to-red-200 { + --gradient-to-color: #fbd5d5; + } - .sm\:py-3\/12 { - padding-top: 25%; - padding-bottom: 25%; - } + .md\:dark\:to-red-300 { + --gradient-to-color: #f8b4b4; + } - .sm\:px-3\/12 { - padding-left: 25%; - padding-right: 25%; - } + .md\:dark\:to-red-400 { + --gradient-to-color: #f98080; + } - .sm\:py-4\/12 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; - } + .md\:dark\:to-red-500 { + --gradient-to-color: #f05252; + } - .sm\:px-4\/12 { - padding-left: 33.333333%; - padding-right: 33.333333%; - } + .md\:dark\:to-red-600 { + --gradient-to-color: #e02424; + } - .sm\:py-5\/12 { - padding-top: 41.666667%; - padding-bottom: 41.666667%; - } + .md\:dark\:to-red-700 { + --gradient-to-color: #c81e1e; + } - .sm\:px-5\/12 { - padding-left: 41.666667%; - padding-right: 41.666667%; - } + .md\:dark\:to-red-800 { + --gradient-to-color: #9b1c1c; + } - .sm\:py-6\/12 { - padding-top: 50%; - padding-bottom: 50%; - } + .md\:dark\:to-red-900 { + --gradient-to-color: #771d1d; + } - .sm\:px-6\/12 { - padding-left: 50%; - padding-right: 50%; - } + .md\:dark\:to-orange-50 { + --gradient-to-color: #fff8f1; + } - .sm\:py-7\/12 { - padding-top: 58.333333%; - padding-bottom: 58.333333%; - } + .md\:dark\:to-orange-100 { + --gradient-to-color: #feecdc; + } - .sm\:px-7\/12 { - padding-left: 58.333333%; - padding-right: 58.333333%; - } + .md\:dark\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } - .sm\:py-8\/12 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; - } + .md\:dark\:to-orange-300 { + --gradient-to-color: #fdba8c; + } - .sm\:px-8\/12 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + .md\:dark\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } - .sm\:py-9\/12 { - padding-top: 75%; - padding-bottom: 75%; - } + .md\:dark\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } - .sm\:px-9\/12 { - padding-left: 75%; - padding-right: 75%; - } + .md\:dark\:to-orange-600 { + --gradient-to-color: #d03801; + } - .sm\:py-10\/12 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; - } + .md\:dark\:to-orange-700 { + --gradient-to-color: #b43403; + } - .sm\:px-10\/12 { - padding-left: 83.333333%; - padding-right: 83.333333%; - } + .md\:dark\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } - .sm\:py-11\/12 { - padding-top: 91.666667%; - padding-bottom: 91.666667%; - } + .md\:dark\:to-orange-900 { + --gradient-to-color: #73230d; + } - .sm\:px-11\/12 { - padding-left: 91.666667%; - padding-right: 91.666667%; - } + .md\:dark\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } - .sm\:py-full { - padding-top: 100%; - padding-bottom: 100%; - } + .md\:dark\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } - .sm\:px-full { - padding-left: 100%; - padding-right: 100%; - } + .md\:dark\:to-yellow-200 { + --gradient-to-color: #fce96a; + } - .sm\:pt-0 { - padding-top: 0; - } + .md\:dark\:to-yellow-300 { + --gradient-to-color: #faca15; + } - .sm\:pr-0 { - padding-right: 0; - } + .md\:dark\:to-yellow-400 { + --gradient-to-color: #e3a008; + } - .sm\:pb-0 { - padding-bottom: 0; - } + .md\:dark\:to-yellow-500 { + --gradient-to-color: #c27803; + } - .sm\:pl-0 { - padding-left: 0; - } + .md\:dark\:to-yellow-600 { + --gradient-to-color: #9f580a; + } - .sm\:pt-1 { - padding-top: 0.25rem; - } + .md\:dark\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } - .sm\:pr-1 { - padding-right: 0.25rem; - } + .md\:dark\:to-yellow-800 { + --gradient-to-color: #723b13; + } - .sm\:pb-1 { - padding-bottom: 0.25rem; - } + .md\:dark\:to-yellow-900 { + --gradient-to-color: #633112; + } - .sm\:pl-1 { - padding-left: 0.25rem; - } + .md\:dark\:to-green-50 { + --gradient-to-color: #f3faf7; + } - .sm\:pt-2 { - padding-top: 0.5rem; - } + .md\:dark\:to-green-100 { + --gradient-to-color: #def7ec; + } - .sm\:pr-2 { - padding-right: 0.5rem; - } + .md\:dark\:to-green-200 { + --gradient-to-color: #bcf0da; + } - .sm\:pb-2 { - padding-bottom: 0.5rem; - } + .md\:dark\:to-green-300 { + --gradient-to-color: #84e1bc; + } - .sm\:pl-2 { - padding-left: 0.5rem; - } + .md\:dark\:to-green-400 { + --gradient-to-color: #31c48d; + } - .sm\:pt-3 { - padding-top: 0.75rem; - } + .md\:dark\:to-green-500 { + --gradient-to-color: #0e9f6e; + } - .sm\:pr-3 { - padding-right: 0.75rem; - } + .md\:dark\:to-green-600 { + --gradient-to-color: #057a55; + } - .sm\:pb-3 { - padding-bottom: 0.75rem; - } + .md\:dark\:to-green-700 { + --gradient-to-color: #046c4e; + } - .sm\:pl-3 { - padding-left: 0.75rem; - } + .md\:dark\:to-green-800 { + --gradient-to-color: #03543f; + } - .sm\:pt-4 { - padding-top: 1rem; - } + .md\:dark\:to-green-900 { + --gradient-to-color: #014737; + } - .sm\:pr-4 { - padding-right: 1rem; - } + .md\:dark\:to-teal-50 { + --gradient-to-color: #edfafa; + } - .sm\:pb-4 { - padding-bottom: 1rem; - } + .md\:dark\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } - .sm\:pl-4 { - padding-left: 1rem; - } + .md\:dark\:to-teal-200 { + --gradient-to-color: #afecef; + } - .sm\:pt-5 { - padding-top: 1.25rem; - } + .md\:dark\:to-teal-300 { + --gradient-to-color: #7edce2; + } - .sm\:pr-5 { - padding-right: 1.25rem; - } + .md\:dark\:to-teal-400 { + --gradient-to-color: #16bdca; + } - .sm\:pb-5 { - padding-bottom: 1.25rem; - } + .md\:dark\:to-teal-500 { + --gradient-to-color: #0694a2; + } - .sm\:pl-5 { - padding-left: 1.25rem; - } + .md\:dark\:to-teal-600 { + --gradient-to-color: #047481; + } - .sm\:pt-6 { - padding-top: 1.5rem; - } + .md\:dark\:to-teal-700 { + --gradient-to-color: #036672; + } - .sm\:pr-6 { - padding-right: 1.5rem; - } + .md\:dark\:to-teal-800 { + --gradient-to-color: #05505c; + } - .sm\:pb-6 { - padding-bottom: 1.5rem; - } + .md\:dark\:to-teal-900 { + --gradient-to-color: #014451; + } - .sm\:pl-6 { - padding-left: 1.5rem; - } + .md\:dark\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } - .sm\:pt-7 { - padding-top: 1.75rem; - } + .md\:dark\:to-blue-100 { + --gradient-to-color: #e1effe; + } - .sm\:pr-7 { - padding-right: 1.75rem; - } + .md\:dark\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } - .sm\:pb-7 { - padding-bottom: 1.75rem; - } + .md\:dark\:to-blue-300 { + --gradient-to-color: #a4cafe; + } - .sm\:pl-7 { - padding-left: 1.75rem; - } + .md\:dark\:to-blue-400 { + --gradient-to-color: #76a9fa; + } - .sm\:pt-8 { - padding-top: 2rem; - } + .md\:dark\:to-blue-500 { + --gradient-to-color: #3f83f8; + } - .sm\:pr-8 { - padding-right: 2rem; - } + .md\:dark\:to-blue-600 { + --gradient-to-color: #1c64f2; + } - .sm\:pb-8 { - padding-bottom: 2rem; - } + .md\:dark\:to-blue-700 { + --gradient-to-color: #1a56db; + } - .sm\:pl-8 { - padding-left: 2rem; - } + .md\:dark\:to-blue-800 { + --gradient-to-color: #1e429f; + } - .sm\:pt-9 { - padding-top: 2.25rem; - } + .md\:dark\:to-blue-900 { + --gradient-to-color: #233876; + } - .sm\:pr-9 { - padding-right: 2.25rem; - } + .md\:dark\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } - .sm\:pb-9 { - padding-bottom: 2.25rem; - } + .md\:dark\:to-indigo-100 { + --gradient-to-color: #e5edff; + } - .sm\:pl-9 { - padding-left: 2.25rem; - } + .md\:dark\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } - .sm\:pt-10 { - padding-top: 2.5rem; - } + .md\:dark\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } - .sm\:pr-10 { - padding-right: 2.5rem; - } + .md\:dark\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } - .sm\:pb-10 { - padding-bottom: 2.5rem; - } + .md\:dark\:to-indigo-500 { + --gradient-to-color: #6875f5; + } - .sm\:pl-10 { - padding-left: 2.5rem; - } + .md\:dark\:to-indigo-600 { + --gradient-to-color: #5850ec; + } - .sm\:pt-11 { - padding-top: 2.75rem; - } + .md\:dark\:to-indigo-700 { + --gradient-to-color: #5145cd; + } - .sm\:pr-11 { - padding-right: 2.75rem; - } + .md\:dark\:to-indigo-800 { + --gradient-to-color: #42389d; + } - .sm\:pb-11 { - padding-bottom: 2.75rem; - } + .md\:dark\:to-indigo-900 { + --gradient-to-color: #362f78; + } - .sm\:pl-11 { - padding-left: 2.75rem; - } + .md\:dark\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } - .sm\:pt-12 { - padding-top: 3rem; - } + .md\:dark\:to-purple-100 { + --gradient-to-color: #edebfe; + } - .sm\:pr-12 { - padding-right: 3rem; - } + .md\:dark\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } - .sm\:pb-12 { - padding-bottom: 3rem; - } + .md\:dark\:to-purple-300 { + --gradient-to-color: #cabffd; + } - .sm\:pl-12 { - padding-left: 3rem; - } + .md\:dark\:to-purple-400 { + --gradient-to-color: #ac94fa; + } - .sm\:pt-13 { - padding-top: 3.25rem; - } + .md\:dark\:to-purple-500 { + --gradient-to-color: #9061f9; + } - .sm\:pr-13 { - padding-right: 3.25rem; - } + .md\:dark\:to-purple-600 { + --gradient-to-color: #7e3af2; + } - .sm\:pb-13 { - padding-bottom: 3.25rem; - } + .md\:dark\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } - .sm\:pl-13 { - padding-left: 3.25rem; - } + .md\:dark\:to-purple-800 { + --gradient-to-color: #5521b5; + } - .sm\:pt-14 { - padding-top: 3.5rem; - } + .md\:dark\:to-purple-900 { + --gradient-to-color: #4a1d96; + } - .sm\:pr-14 { - padding-right: 3.5rem; - } + .md\:dark\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } - .sm\:pb-14 { - padding-bottom: 3.5rem; - } + .md\:dark\:to-pink-100 { + --gradient-to-color: #fce8f3; + } - .sm\:pl-14 { - padding-left: 3.5rem; - } + .md\:dark\:to-pink-200 { + --gradient-to-color: #fad1e8; + } - .sm\:pt-15 { - padding-top: 3.75rem; - } + .md\:dark\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } - .sm\:pr-15 { - padding-right: 3.75rem; - } + .md\:dark\:to-pink-400 { + --gradient-to-color: #f17eb8; + } - .sm\:pb-15 { - padding-bottom: 3.75rem; - } + .md\:dark\:to-pink-500 { + --gradient-to-color: #e74694; + } - .sm\:pl-15 { - padding-left: 3.75rem; - } + .md\:dark\:to-pink-600 { + --gradient-to-color: #d61f69; + } - .sm\:pt-16 { - padding-top: 4rem; - } + .md\:dark\:to-pink-700 { + --gradient-to-color: #bf125d; + } - .sm\:pr-16 { - padding-right: 4rem; - } + .md\:dark\:to-pink-800 { + --gradient-to-color: #99154b; + } - .sm\:pb-16 { - padding-bottom: 4rem; - } + .md\:dark\:to-pink-900 { + --gradient-to-color: #751a3d; + } - .sm\:pl-16 { - padding-left: 4rem; - } + .md\:dark\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:pt-20 { - padding-top: 5rem; - } + .md\:dark\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:pr-20 { - padding-right: 5rem; - } + .md\:dark\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:pb-20 { - padding-bottom: 5rem; - } + .md\:dark\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:pl-20 { - padding-left: 5rem; - } + .md\:dark\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:pt-24 { - padding-top: 6rem; - } + .md\:dark\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:pr-24 { - padding-right: 6rem; - } + .md\:dark\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:pb-24 { - padding-bottom: 6rem; - } + .md\:dark\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:pl-24 { - padding-left: 6rem; - } + .md\:dark\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:pt-28 { - padding-top: 7rem; - } + .md\:dark\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:pr-28 { - padding-right: 7rem; - } + .md\:dark\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:pb-28 { - padding-bottom: 7rem; - } + .md\:dark\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:pl-28 { - padding-left: 7rem; - } + .md\:dark\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:pt-32 { - padding-top: 8rem; - } + .md\:dark\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:pr-32 { - padding-right: 8rem; - } + .md\:dark\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:pb-32 { - padding-bottom: 8rem; - } + .md\:dark\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:pl-32 { - padding-left: 8rem; - } + .md\:dark\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:pt-36 { - padding-top: 9rem; - } + .md\:dark\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:pr-36 { - padding-right: 9rem; - } + .md\:dark\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:pb-36 { - padding-bottom: 9rem; - } + .md\:dark\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:pl-36 { - padding-left: 9rem; - } + .md\:dark\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:pt-40 { - padding-top: 10rem; - } + .md\:dark\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:pr-40 { - padding-right: 10rem; - } + .md\:dark\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:pb-40 { - padding-bottom: 10rem; - } + .md\:dark\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:pl-40 { - padding-left: 10rem; - } + .md\:dark\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .sm\:pt-44 { - padding-top: 11rem; - } + .md\:dark\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .sm\:pr-44 { - padding-right: 11rem; - } + .md\:dark\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .sm\:pb-44 { - padding-bottom: 11rem; - } + .md\:dark\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .sm\:pl-44 { - padding-left: 11rem; - } + .md\:dark\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .sm\:pt-48 { - padding-top: 12rem; - } + .md\:dark\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .sm\:pr-48 { - padding-right: 12rem; - } + .md\:dark\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .sm\:pb-48 { - padding-bottom: 12rem; - } + .md\:dark\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .sm\:pl-48 { - padding-left: 12rem; - } + .md\:dark\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .sm\:pt-52 { - padding-top: 13rem; - } + .md\:dark\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .sm\:pr-52 { - padding-right: 13rem; - } + .md\:dark\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .sm\:pb-52 { - padding-bottom: 13rem; - } + .md\:dark\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .sm\:pl-52 { - padding-left: 13rem; - } + .md\:dark\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .sm\:pt-56 { - padding-top: 14rem; - } + .md\:dark\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .sm\:pr-56 { - padding-right: 14rem; - } + .md\:dark\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .sm\:pb-56 { - padding-bottom: 14rem; - } + .md\:dark\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .sm\:pl-56 { - padding-left: 14rem; - } + .md\:dark\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .sm\:pt-60 { - padding-top: 15rem; - } + .md\:dark\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .sm\:pr-60 { - padding-right: 15rem; - } + .md\:dark\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .sm\:pb-60 { - padding-bottom: 15rem; - } + .md\:dark\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .sm\:pl-60 { - padding-left: 15rem; - } + .md\:dark\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .sm\:pt-64 { - padding-top: 16rem; - } + .md\:dark\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .sm\:pr-64 { - padding-right: 16rem; - } + .md\:dark\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .sm\:pb-64 { - padding-bottom: 16rem; - } + .md\:dark\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .sm\:pl-64 { - padding-left: 16rem; - } + .md\:dark\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .sm\:pt-72 { - padding-top: 18rem; - } + .md\:dark\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:pr-72 { - padding-right: 18rem; - } + .md\:dark\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:pb-72 { - padding-bottom: 18rem; - } + .md\:dark\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:pl-72 { - padding-left: 18rem; - } + .md\:dark\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:pt-80 { - padding-top: 20rem; - } + .md\:dark\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:pr-80 { - padding-right: 20rem; - } + .md\:dark\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:pb-80 { - padding-bottom: 20rem; - } + .md\:dark\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:pl-80 { - padding-left: 20rem; - } + .md\:dark\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:pt-96 { - padding-top: 24rem; - } + .md\:dark\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:pr-96 { - padding-right: 24rem; - } + .md\:dark\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:pb-96 { - padding-bottom: 24rem; - } + .md\:dark\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:pl-96 { - padding-left: 24rem; - } + .md\:dark\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:pt-px { - padding-top: 1px; - } + .md\:dark\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:pr-px { - padding-right: 1px; - } + .md\:dark\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:pb-px { - padding-bottom: 1px; - } + .md\:dark\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:pl-px { - padding-left: 1px; - } + .md\:dark\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:pt-0\.5 { - padding-top: 0.125rem; - } + .md\:dark\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:pr-0\.5 { - padding-right: 0.125rem; - } + .md\:dark\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:pb-0\.5 { - padding-bottom: 0.125rem; - } + .md\:dark\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:pl-0\.5 { - padding-left: 0.125rem; - } + .md\:dark\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:pt-1\.5 { - padding-top: 0.375rem; - } + .md\:dark\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:pr-1\.5 { - padding-right: 0.375rem; - } + .md\:dark\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:pb-1\.5 { - padding-bottom: 0.375rem; - } + .md\:dark\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:pl-1\.5 { - padding-left: 0.375rem; - } + .md\:dark\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:pt-2\.5 { - padding-top: 0.625rem; - } + .md\:dark\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:pr-2\.5 { - padding-right: 0.625rem; - } + .md\:dark\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .md\:dark\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:pb-2\.5 { - padding-bottom: 0.625rem; - } + .md\:dark\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:pl-2\.5 { - padding-left: 0.625rem; - } + .md\:dark\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:pt-3\.5 { - padding-top: 0.875rem; - } + .md\:dark\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:pr-3\.5 { - padding-right: 0.875rem; - } + .md\:dark\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:pb-3\.5 { - padding-bottom: 0.875rem; - } + .md\:dark\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:pl-3\.5 { - padding-left: 0.875rem; - } + .md\:dark\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:pt-1\/2 { - padding-top: 50%; - } + .md\:dark\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:pr-1\/2 { - padding-right: 50%; - } + .md\:dark\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:pb-1\/2 { - padding-bottom: 50%; - } + .md\:dark\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:pl-1\/2 { - padding-left: 50%; - } + .md\:dark\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:pt-1\/3 { - padding-top: 33.333333%; - } + .md\:dark\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:pr-1\/3 { - padding-right: 33.333333%; - } + .md\:dark\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:pb-1\/3 { - padding-bottom: 33.333333%; - } + .md\:dark\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:pl-1\/3 { - padding-left: 33.333333%; - } + .md\:dark\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:pt-2\/3 { - padding-top: 66.666667%; - } + .md\:dark\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:pr-2\/3 { - padding-right: 66.666667%; - } + .md\:dark\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:pb-2\/3 { - padding-bottom: 66.666667%; - } + .md\:dark\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:pl-2\/3 { - padding-left: 66.666667%; - } + .md\:dark\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:pt-1\/4 { - padding-top: 25%; - } + .md\:dark\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:pr-1\/4 { - padding-right: 25%; - } + .md\:dark\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:pb-1\/4 { - padding-bottom: 25%; - } + .md\:dark\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:pl-1\/4 { - padding-left: 25%; - } + .md\:dark\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:pt-2\/4 { - padding-top: 50%; - } + .md\:dark\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:pr-2\/4 { - padding-right: 50%; - } + .md\:dark\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:pb-2\/4 { - padding-bottom: 50%; - } + .md\:dark\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:pl-2\/4 { - padding-left: 50%; - } + .md\:dark\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:pt-3\/4 { - padding-top: 75%; - } + .md\:dark\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:pr-3\/4 { - padding-right: 75%; - } + .md\:dark\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:pb-3\/4 { - padding-bottom: 75%; - } + .md\:dark\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:pl-3\/4 { - padding-left: 75%; - } + .md\:dark\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:pt-1\/5 { - padding-top: 20%; - } + .md\:dark\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:pr-1\/5 { - padding-right: 20%; - } + .md\:dark\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:pb-1\/5 { - padding-bottom: 20%; - } + .md\:dark\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:pl-1\/5 { - padding-left: 20%; - } + .md\:dark\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:pt-2\/5 { - padding-top: 40%; - } + .md\:dark\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:pr-2\/5 { - padding-right: 40%; - } + .md\:dark\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:pb-2\/5 { - padding-bottom: 40%; - } + .md\:dark\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:pl-2\/5 { - padding-left: 40%; - } + .md\:dark\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:pt-3\/5 { - padding-top: 60%; - } + .md\:dark\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:pr-3\/5 { - padding-right: 60%; - } + .md\:dark\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:pb-3\/5 { - padding-bottom: 60%; - } + .md\:dark\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:pl-3\/5 { - padding-left: 60%; - } + .md\:dark\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:pt-4\/5 { - padding-top: 80%; - } + .md\:dark\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:pr-4\/5 { - padding-right: 80%; - } + .md\:dark\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:pb-4\/5 { - padding-bottom: 80%; - } + .md\:dark\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:pl-4\/5 { - padding-left: 80%; - } + .md\:dark\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:pt-1\/6 { - padding-top: 16.666667%; - } + .md\:dark\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:pr-1\/6 { - padding-right: 16.666667%; - } + .md\:dark\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:pb-1\/6 { - padding-bottom: 16.666667%; - } + .md\:dark\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:pl-1\/6 { - padding-left: 16.666667%; - } + .md\:dark\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:pt-2\/6 { - padding-top: 33.333333%; - } + .md\:dark\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:pr-2\/6 { - padding-right: 33.333333%; - } + .md\:dark\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:pb-2\/6 { - padding-bottom: 33.333333%; - } + .md\:dark\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .sm\:pl-2\/6 { - padding-left: 33.333333%; - } + .md\:dark\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .sm\:pt-3\/6 { - padding-top: 50%; - } + .md\:dark\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .sm\:pr-3\/6 { - padding-right: 50%; - } + .md\:dark\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .sm\:pb-3\/6 { - padding-bottom: 50%; - } + .md\:dark\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .sm\:pl-3\/6 { - padding-left: 50%; - } + .md\:dark\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .sm\:pt-4\/6 { - padding-top: 66.666667%; - } + .md\:dark\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .sm\:pr-4\/6 { - padding-right: 66.666667%; - } + .md\:dark\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .sm\:pb-4\/6 { - padding-bottom: 66.666667%; - } + .md\:dark\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .sm\:pl-4\/6 { - padding-left: 66.666667%; - } + .md\:dark\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .sm\:pt-5\/6 { - padding-top: 83.333333%; - } + .md\:dark\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .sm\:pr-5\/6 { - padding-right: 83.333333%; - } + .md\:dark\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .sm\:pb-5\/6 { - padding-bottom: 83.333333%; - } + .md\:dark\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .sm\:pl-5\/6 { - padding-left: 83.333333%; - } + .md\:dark\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .sm\:pt-1\/12 { - padding-top: 8.333333%; - } + .md\:dark\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .sm\:pr-1\/12 { - padding-right: 8.333333%; - } + .md\:dark\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .sm\:pb-1\/12 { - padding-bottom: 8.333333%; - } + .md\:dark\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .sm\:pl-1\/12 { - padding-left: 8.333333%; - } + .md\:dark\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .sm\:pt-2\/12 { - padding-top: 16.666667%; - } + .md\:dark\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .sm\:pr-2\/12 { - padding-right: 16.666667%; - } + .md\:dark\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .sm\:pb-2\/12 { - padding-bottom: 16.666667%; - } + .md\:dark\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .sm\:pl-2\/12 { - padding-left: 16.666667%; - } + .md\:dark\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .sm\:pt-3\/12 { - padding-top: 25%; - } + .md\:dark\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .sm\:pr-3\/12 { - padding-right: 25%; - } + .md\:dark\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .sm\:pb-3\/12 { - padding-bottom: 25%; - } + .md\:dark\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .sm\:pl-3\/12 { - padding-left: 25%; - } + .md\:dark\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:pt-4\/12 { - padding-top: 33.333333%; - } + .md\:dark\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:pr-4\/12 { - padding-right: 33.333333%; - } + .md\:dark\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:pb-4\/12 { - padding-bottom: 33.333333%; - } + .md\:dark\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:pl-4\/12 { - padding-left: 33.333333%; - } + .md\:dark\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:pt-5\/12 { - padding-top: 41.666667%; - } + .md\:dark\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:pr-5\/12 { - padding-right: 41.666667%; - } + .md\:dark\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:pb-5\/12 { - padding-bottom: 41.666667%; - } + .md\:dark\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:pl-5\/12 { - padding-left: 41.666667%; - } + .md\:dark\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:pt-6\/12 { - padding-top: 50%; - } + .md\:dark\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:pr-6\/12 { - padding-right: 50%; - } + .md\:dark\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:pb-6\/12 { - padding-bottom: 50%; - } + .md\:dark\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:pl-6\/12 { - padding-left: 50%; - } + .md\:dark\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:pt-7\/12 { - padding-top: 58.333333%; - } + .md\:dark\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:pr-7\/12 { - padding-right: 58.333333%; - } + .md\:dark\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:pb-7\/12 { - padding-bottom: 58.333333%; - } + .md\:dark\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:pl-7\/12 { - padding-left: 58.333333%; - } + .md\:dark\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:pt-8\/12 { - padding-top: 66.666667%; - } + .md\:dark\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:pr-8\/12 { - padding-right: 66.666667%; - } + .md\:dark\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:pb-8\/12 { - padding-bottom: 66.666667%; - } + .md\:dark\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:pl-8\/12 { - padding-left: 66.666667%; - } + .md\:dark\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:pt-9\/12 { - padding-top: 75%; - } + .md\:dark\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:pr-9\/12 { - padding-right: 75%; - } + .md\:dark\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:pb-9\/12 { - padding-bottom: 75%; - } + .md\:dark\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:pl-9\/12 { - padding-left: 75%; - } + .md\:dark\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:pt-10\/12 { - padding-top: 83.333333%; - } + .md\:dark\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .sm\:pr-10\/12 { - padding-right: 83.333333%; - } + .md\:dark\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:pb-10\/12 { - padding-bottom: 83.333333%; - } + .md\:dark\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:pl-10\/12 { - padding-left: 83.333333%; - } + .md\:dark\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:pt-11\/12 { - padding-top: 91.666667%; - } + .md\:dark\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:pr-11\/12 { - padding-right: 91.666667%; - } + .md\:dark\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:pb-11\/12 { - padding-bottom: 91.666667%; - } + .md\:dark\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:pl-11\/12 { - padding-left: 91.666667%; - } + .md\:dark\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:pt-full { - padding-top: 100%; - } + .md\:dark\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:pr-full { - padding-right: 100%; - } + .md\:dark\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:pb-full { - padding-bottom: 100%; - } + .md\:dark\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:pl-full { - padding-left: 100%; - } + .md\:dark\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:placeholder-transparent::placeholder { - color: transparent; - } + .md\:dark\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:placeholder-current::placeholder { - color: currentColor; - } + .md\:dark\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); - } + .md\:dark\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .sm\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .sm\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-black:hover { + --gradient-to-color: #000000; + } - .sm\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } - .sm\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } - .sm\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } - .sm\:placeholder-orange-50::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } - .sm\:placeholder-orange-100::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } - .sm\:placeholder-orange-200::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } - .sm\:placeholder-orange-300::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } - .sm\:placeholder-orange-400::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } - .sm\:placeholder-orange-500::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } - .sm\:placeholder-orange-600::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } - .sm\:placeholder-orange-700::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } - .sm\:placeholder-orange-800::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } - .sm\:placeholder-orange-900::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } - .sm\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } - .sm\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } - .sm\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } - .sm\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } - .sm\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } - .sm\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } - .sm\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } - .sm\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } - .sm\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } - .sm\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } - .sm\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } - .sm\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } - .sm\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } - .sm\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } - .sm\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } - .sm\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } - .sm\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } - .sm\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } - .sm\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } - .sm\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } - .sm\:placeholder-teal-50::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } - .sm\:placeholder-teal-100::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } - .sm\:placeholder-teal-200::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } - .sm\:placeholder-teal-300::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } - .sm\:placeholder-teal-400::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } - .sm\:placeholder-teal-500::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } - .sm\:placeholder-teal-600::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } - .sm\:placeholder-teal-700::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } - .sm\:placeholder-teal-800::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } - .sm\:placeholder-teal-900::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } - .sm\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } - .sm\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } - .sm\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } - .sm\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } - .sm\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } - .sm\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } - .sm\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } - .sm\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } - .sm\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } - .sm\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } - .sm\:placeholder-indigo-50::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } - .sm\:placeholder-indigo-100::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } - .sm\:placeholder-indigo-200::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } - .sm\:placeholder-indigo-300::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } - .sm\:placeholder-indigo-400::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } - .sm\:placeholder-indigo-500::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } - .sm\:placeholder-indigo-600::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } - .sm\:placeholder-indigo-700::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } - .sm\:placeholder-indigo-800::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } - .sm\:placeholder-indigo-900::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } - .sm\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } - .sm\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } - .sm\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } - .sm\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } - .sm\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } - .sm\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } - .sm\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } - .sm\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } - .sm\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } - .sm\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } - .sm\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } + + .md\:dark\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } - .sm\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } - .sm\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } - .sm\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } - .sm\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } - .sm\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } - .sm\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } - .sm\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } - .sm\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } - .sm\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .md\:dark\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } - .sm\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .md\:dark\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } - .sm\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } - .sm\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } - .sm\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } - .sm\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } - .sm\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } - .sm\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .sm\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } - .sm\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } - .sm\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } - .sm\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } - .sm\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } - .sm\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } - .sm\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } - .sm\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } - .sm\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); - } + .md\:dark\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } - .sm\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:focus\:placeholder-orange-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:focus\:placeholder-orange-100:focus::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:focus\:placeholder-orange-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:focus\:placeholder-orange-300:focus::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:focus\:placeholder-orange-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:focus\:placeholder-orange-500:focus::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:focus\:placeholder-orange-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:focus\:placeholder-orange-700:focus::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:focus\:placeholder-orange-800:focus::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:focus\:placeholder-orange-900:focus::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .sm\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .sm\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .sm\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .sm\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .sm\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .sm\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .sm\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .sm\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .sm\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .sm\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .sm\:focus\:placeholder-teal-50:focus::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .sm\:focus\:placeholder-teal-100:focus::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .sm\:focus\:placeholder-teal-200:focus::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .sm\:focus\:placeholder-teal-300:focus::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .sm\:focus\:placeholder-teal-400:focus::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .sm\:focus\:placeholder-teal-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .sm\:focus\:placeholder-teal-600:focus::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .sm\:focus\:placeholder-teal-700:focus::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .sm\:focus\:placeholder-teal-800:focus::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .sm\:focus\:placeholder-teal-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .sm\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .sm\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .sm\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:focus\:placeholder-indigo-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:focus\:placeholder-indigo-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:focus\:placeholder-indigo-200:focus::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:focus\:placeholder-indigo-300:focus::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:focus\:placeholder-indigo-400:focus::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:focus\:placeholder-indigo-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:focus\:placeholder-indigo-600:focus::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:focus\:placeholder-indigo-700:focus::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:focus\:placeholder-indigo-800:focus::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:focus\:placeholder-indigo-900:focus::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .sm\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); - } + .md\:dark\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; - } + .md\:dark\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; - } + .md\:dark\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; - } + .md\:dark\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; - } + .md\:dark\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; - } + .md\:dark\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; - } + .md\:dark\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; - } + .md\:dark\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; - } + .md\:dark\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; - } + .md\:dark\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; - } + .md\:dark\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:pointer-events-none { - pointer-events: none; - } + .md\:dark\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:pointer-events-auto { - pointer-events: auto; - } + .md\:dark\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:static { - position: static; - } + .md\:dark\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:fixed { - position: fixed; - } + .md\:dark\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:absolute { - position: absolute; - } + .md\:dark\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:relative { - position: relative; - } + .md\:dark\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:sticky { - position: sticky; - } + .md\:dark\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; - } + .md\:dark\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; - } + .md\:dark\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; - } + .md\:dark\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .sm\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; - } + .md\:dark\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .sm\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; - } + .md\:dark\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .sm\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; - } + .md\:dark\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .sm\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; - } + .md\:dark\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .sm\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; - } + .md\:dark\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .sm\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; - } + .md\:dark\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .sm\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; - } + .md\:dark\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .sm\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; - } + .md\:dark\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .sm\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; - } + .md\:dark\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .sm\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - } + .md\:dark\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .sm\:inset-13 { - top: 3.25rem; - right: 3.25rem; - bottom: 3.25rem; - left: 3.25rem; - } + .md\:dark\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .sm\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; - } + .md\:dark\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .sm\:inset-15 { - top: 3.75rem; - right: 3.75rem; - bottom: 3.75rem; - left: 3.75rem; - } + .md\:dark\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .sm\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; - } + .md\:dark\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .sm\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; - } + .md\:dark\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .sm\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; - } + .md\:dark\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .sm\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; - } + .md\:dark\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .sm\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; - } + .md\:dark\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .sm\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; - } + .md\:dark\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .sm\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; - } + .md\:dark\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .sm\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; - } + .md\:dark\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .sm\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; - } + .md\:dark\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .sm\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; - } + .md\:dark\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .sm\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; - } + .md\:dark\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .sm\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; - } + .md\:dark\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .sm\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; - } + .md\:dark\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .sm\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; - } + .md\:dark\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .sm\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; - } + .md\:dark\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .sm\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; - } + .md\:dark\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .sm\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; - } + .md\:dark\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .sm\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - } + .md\:dark\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .sm\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; - } + .md\:dark\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .sm\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; - } + .md\:dark\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .sm\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; - } + .md\:dark\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .sm\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; - } + .md\:dark\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .sm\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; - } + .md\:dark\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .sm\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .md\:dark\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .sm\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .sm\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; - } + .md\:dark\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .sm\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; - } + .md\:dark\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .sm\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; - } + .md\:dark\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .sm\:inset-1\/5 { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; - } + .md\:dark\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .sm\:inset-2\/5 { - top: 40%; - right: 40%; - bottom: 40%; - left: 40%; - } + .md\:dark\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .sm\:inset-3\/5 { - top: 60%; - right: 60%; - bottom: 60%; - left: 60%; - } + .md\:dark\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .sm\:inset-4\/5 { - top: 80%; - right: 80%; - bottom: 80%; - left: 80%; - } + .md\:dark\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .sm\:inset-1\/6 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; - } + .md\:dark\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .sm\:inset-2\/6 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .sm\:inset-3\/6 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; - } + .md\:dark\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .sm\:inset-4\/6 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .sm\:inset-5\/6 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; - } + .md\:dark\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .sm\:inset-1\/12 { - top: 8.333333%; - right: 8.333333%; - bottom: 8.333333%; - left: 8.333333%; - } + .md\:dark\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .sm\:inset-2\/12 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; - } + .md\:dark\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .sm\:inset-3\/12 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; - } + .md\:dark\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .sm\:inset-4\/12 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .sm\:inset-5\/12 { - top: 41.666667%; - right: 41.666667%; - bottom: 41.666667%; - left: 41.666667%; - } + .md\:dark\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .sm\:inset-6\/12 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; - } + .md\:dark\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .sm\:inset-7\/12 { - top: 58.333333%; - right: 58.333333%; - bottom: 58.333333%; - left: 58.333333%; - } + .md\:dark\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .sm\:inset-8\/12 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .sm\:inset-9\/12 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; - } + .md\:dark\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .sm\:inset-10\/12 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; - } + .md\:dark\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .sm\:inset-11\/12 { - top: 91.666667%; - right: 91.666667%; - bottom: 91.666667%; - left: 91.666667%; - } + .md\:dark\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .sm\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; - } + .md\:dark\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .sm\:inset-y-0 { - top: 0; - bottom: 0; - } + .md\:dark\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .sm\:inset-x-0 { - right: 0; - left: 0; - } + .md\:dark\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .sm\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; - } + .md\:dark\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .sm\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; - } + .md\:dark\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .sm\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; - } + .md\:dark\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .sm\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; - } + .md\:dark\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .sm\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; - } + .md\:dark\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .sm\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; - } + .md\:dark\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .sm\:inset-y-4 { - top: 1rem; - bottom: 1rem; - } + .md\:dark\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .sm\:inset-x-4 { - right: 1rem; - left: 1rem; - } + .md\:dark\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .sm\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; - } + .md\:dark\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .sm\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; - } + .md\:dark\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .sm\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; - } + .md\:dark\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .sm\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; - } + .md\:dark\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .sm\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; - } + .md\:dark\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .sm\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; - } + .md\:dark\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .sm\:inset-y-8 { - top: 2rem; - bottom: 2rem; - } + .md\:dark\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .sm\:inset-x-8 { - right: 2rem; - left: 2rem; - } + .md\:dark\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .sm\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; - } + .md\:dark\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .sm\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; - } + .md\:dark\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .sm\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; - } + .md\:dark\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .sm\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; - } + .md\:dark\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .sm\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; - } + .md\:dark\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .sm\:inset-x-11 { - right: 2.75rem; - left: 2.75rem; - } + .md\:dark\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .sm\:inset-y-12 { - top: 3rem; - bottom: 3rem; - } + .md\:dark\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .sm\:inset-x-12 { - right: 3rem; - left: 3rem; - } + .md\:dark\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .sm\:inset-y-13 { - top: 3.25rem; - bottom: 3.25rem; - } + .md\:dark\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .sm\:inset-x-13 { - right: 3.25rem; - left: 3.25rem; - } + .md\:dark\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .sm\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; - } + .md\:dark\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .sm\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; - } + .md\:dark\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .sm\:inset-y-15 { - top: 3.75rem; - bottom: 3.75rem; - } + .md\:dark\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .sm\:inset-x-15 { - right: 3.75rem; - left: 3.75rem; - } + .md\:dark\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .sm\:inset-y-16 { - top: 4rem; - bottom: 4rem; - } + .md\:dark\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .sm\:inset-x-16 { - right: 4rem; - left: 4rem; - } + .md\:dark\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .sm\:inset-y-20 { - top: 5rem; - bottom: 5rem; - } + .md\:dark\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .sm\:inset-x-20 { - right: 5rem; - left: 5rem; - } + .md\:dark\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .sm\:inset-y-24 { - top: 6rem; - bottom: 6rem; - } + .md\:dark\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .sm\:inset-x-24 { - right: 6rem; - left: 6rem; - } + .md\:dark\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .sm\:inset-y-28 { - top: 7rem; - bottom: 7rem; - } + .md\:dark\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .sm\:inset-x-28 { - right: 7rem; - left: 7rem; - } + .md\:dark\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .sm\:inset-y-32 { - top: 8rem; - bottom: 8rem; - } + .md\:dark\:focus\:to-black:focus { + --gradient-to-color: #000000; + } - .sm\:inset-x-32 { - right: 8rem; - left: 8rem; - } + .md\:dark\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } - .sm\:inset-y-36 { - top: 9rem; - bottom: 9rem; - } + .md\:dark\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } - .sm\:inset-x-36 { - right: 9rem; - left: 9rem; - } + .md\:dark\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } - .sm\:inset-y-40 { - top: 10rem; - bottom: 10rem; - } + .md\:dark\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } - .sm\:inset-x-40 { - right: 10rem; - left: 10rem; - } + .md\:dark\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } - .sm\:inset-y-44 { - top: 11rem; - bottom: 11rem; - } + .md\:dark\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } - .sm\:inset-x-44 { - right: 11rem; - left: 11rem; - } + .md\:dark\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } - .sm\:inset-y-48 { - top: 12rem; - bottom: 12rem; - } + .md\:dark\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } - .sm\:inset-x-48 { - right: 12rem; - left: 12rem; - } + .md\:dark\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } - .sm\:inset-y-52 { - top: 13rem; - bottom: 13rem; - } + .md\:dark\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } - .sm\:inset-x-52 { - right: 13rem; - left: 13rem; - } + .md\:dark\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } - .sm\:inset-y-56 { - top: 14rem; - bottom: 14rem; - } + .md\:dark\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } - .sm\:inset-x-56 { - right: 14rem; - left: 14rem; - } + .md\:dark\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } - .sm\:inset-y-60 { - top: 15rem; - bottom: 15rem; - } + .md\:dark\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } - .sm\:inset-x-60 { - right: 15rem; - left: 15rem; - } + .md\:dark\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } - .sm\:inset-y-64 { - top: 16rem; - bottom: 16rem; - } + .md\:dark\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } - .sm\:inset-x-64 { - right: 16rem; - left: 16rem; - } + .md\:dark\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } - .sm\:inset-y-72 { - top: 18rem; - bottom: 18rem; - } + .md\:dark\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } - .sm\:inset-x-72 { - right: 18rem; - left: 18rem; - } + .md\:dark\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } - .sm\:inset-y-80 { - top: 20rem; - bottom: 20rem; - } + .md\:dark\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } - .sm\:inset-x-80 { - right: 20rem; - left: 20rem; - } + .md\:dark\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } - .sm\:inset-y-96 { - top: 24rem; - bottom: 24rem; - } + .md\:dark\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } - .sm\:inset-x-96 { - right: 24rem; - left: 24rem; - } + .md\:dark\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } - .sm\:inset-y-auto { - top: auto; - bottom: auto; - } + .md\:dark\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } - .sm\:inset-x-auto { - right: auto; - left: auto; - } + .md\:dark\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } - .sm\:inset-y-px { - top: 1px; - bottom: 1px; - } + .md\:dark\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } - .sm\:inset-x-px { - right: 1px; - left: 1px; - } + .md\:dark\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } - .sm\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; - } + .md\:dark\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } - .sm\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; - } + .md\:dark\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } - .sm\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; - } + .md\:dark\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } - .sm\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; - } + .md\:dark\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } - .sm\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; - } + .md\:dark\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } - .sm\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; - } + .md\:dark\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } - .sm\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; - } + .md\:dark\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } - .sm\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; - } + .md\:dark\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } - .sm\:inset-y-1\/2 { - top: 50%; - bottom: 50%; - } + .md\:dark\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } - .sm\:inset-x-1\/2 { - right: 50%; - left: 50%; - } + .md\:dark\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } - .sm\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; - } + .md\:dark\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } - .sm\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } - .sm\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; - } + .md\:dark\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } - .sm\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } - .sm\:inset-y-1\/4 { - top: 25%; - bottom: 25%; - } + .md\:dark\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } - .sm\:inset-x-1\/4 { - right: 25%; - left: 25%; - } + .md\:dark\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } - .sm\:inset-y-2\/4 { - top: 50%; - bottom: 50%; - } + .md\:dark\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } - .sm\:inset-x-2\/4 { - right: 50%; - left: 50%; - } + .md\:dark\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } - .sm\:inset-y-3\/4 { - top: 75%; - bottom: 75%; - } + .md\:dark\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } - .sm\:inset-x-3\/4 { - right: 75%; - left: 75%; - } + .md\:dark\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } - .sm\:inset-y-1\/5 { - top: 20%; - bottom: 20%; - } + .md\:dark\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } - .sm\:inset-x-1\/5 { - right: 20%; - left: 20%; - } + .md\:dark\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } - .sm\:inset-y-2\/5 { - top: 40%; - bottom: 40%; - } + .md\:dark\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } - .sm\:inset-x-2\/5 { - right: 40%; - left: 40%; - } + .md\:dark\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } - .sm\:inset-y-3\/5 { - top: 60%; - bottom: 60%; - } + .md\:dark\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } - .sm\:inset-x-3\/5 { - right: 60%; - left: 60%; - } + .md\:dark\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } - .sm\:inset-y-4\/5 { - top: 80%; - bottom: 80%; - } + .md\:dark\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } - .sm\:inset-x-4\/5 { - right: 80%; - left: 80%; - } + .md\:dark\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } - .sm\:inset-y-1\/6 { - top: 16.666667%; - bottom: 16.666667%; - } + .md\:dark\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } - .sm\:inset-x-1\/6 { - right: 16.666667%; - left: 16.666667%; - } + .md\:dark\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } - .sm\:inset-y-2\/6 { - top: 33.333333%; - bottom: 33.333333%; - } + .md\:dark\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } - .sm\:inset-x-2\/6 { - right: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } - .sm\:inset-y-3\/6 { - top: 50%; - bottom: 50%; - } + .md\:dark\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } - .sm\:inset-x-3\/6 { - right: 50%; - left: 50%; - } + .md\:dark\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } - .sm\:inset-y-4\/6 { - top: 66.666667%; - bottom: 66.666667%; - } + .md\:dark\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } - .sm\:inset-x-4\/6 { - right: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } - .sm\:inset-y-5\/6 { - top: 83.333333%; - bottom: 83.333333%; - } + .md\:dark\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } - .sm\:inset-x-5\/6 { - right: 83.333333%; - left: 83.333333%; - } + .md\:dark\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } - .sm\:inset-y-1\/12 { - top: 8.333333%; - bottom: 8.333333%; - } + .md\:dark\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } - .sm\:inset-x-1\/12 { - right: 8.333333%; - left: 8.333333%; - } + .md\:dark\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } - .sm\:inset-y-2\/12 { - top: 16.666667%; - bottom: 16.666667%; - } + .md\:dark\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } - .sm\:inset-x-2\/12 { - right: 16.666667%; - left: 16.666667%; - } + .md\:dark\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } - .sm\:inset-y-3\/12 { - top: 25%; - bottom: 25%; - } + .md\:dark\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } - .sm\:inset-x-3\/12 { - right: 25%; - left: 25%; - } + .md\:dark\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } - .sm\:inset-y-4\/12 { - top: 33.333333%; - bottom: 33.333333%; - } + .md\:dark\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } - .sm\:inset-x-4\/12 { - right: 33.333333%; - left: 33.333333%; - } + .md\:dark\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } - .sm\:inset-y-5\/12 { - top: 41.666667%; - bottom: 41.666667%; - } + .md\:dark\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } - .sm\:inset-x-5\/12 { - right: 41.666667%; - left: 41.666667%; - } + .md\:dark\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } - .sm\:inset-y-6\/12 { - top: 50%; - bottom: 50%; - } + .md\:dark\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } - .sm\:inset-x-6\/12 { - right: 50%; - left: 50%; - } + .md\:dark\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } - .sm\:inset-y-7\/12 { - top: 58.333333%; - bottom: 58.333333%; - } + .md\:dark\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } - .sm\:inset-x-7\/12 { - right: 58.333333%; - left: 58.333333%; - } + .md\:dark\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } - .sm\:inset-y-8\/12 { - top: 66.666667%; - bottom: 66.666667%; - } + .md\:dark\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } - .sm\:inset-x-8\/12 { - right: 66.666667%; - left: 66.666667%; - } + .md\:dark\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } - .sm\:inset-y-9\/12 { - top: 75%; - bottom: 75%; - } + .md\:dark\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } - .sm\:inset-x-9\/12 { - right: 75%; - left: 75%; - } + .md\:dark\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } - .sm\:inset-y-10\/12 { - top: 83.333333%; - bottom: 83.333333%; - } + .md\:dark\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } - .sm\:inset-x-10\/12 { - right: 83.333333%; - left: 83.333333%; - } + .md\:dark\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } - .sm\:inset-y-11\/12 { - top: 91.666667%; - bottom: 91.666667%; - } + .md\:dark\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } - .sm\:inset-x-11\/12 { - right: 91.666667%; - left: 91.666667%; - } + .md\:dark\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } - .sm\:inset-y-full { - top: 100%; - bottom: 100%; - } + .md\:dark\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } - .sm\:inset-x-full { - right: 100%; - left: 100%; - } + .md\:dark\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } - .sm\:top-0 { - top: 0; - } + .md\:dark\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } - .sm\:right-0 { - right: 0; - } + .md\:dark\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } - .sm\:bottom-0 { - bottom: 0; - } + .md\:dark\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .sm\:left-0 { - left: 0; - } + .md\:dark\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } - .sm\:top-1 { - top: 0.25rem; - } + .md\:dark\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } - .sm\:right-1 { - right: 0.25rem; - } + .md\:dark\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } - .sm\:bottom-1 { - bottom: 0.25rem; - } + .md\:dark\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } - .sm\:left-1 { - left: 0.25rem; - } + .md\:dark\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } - .sm\:top-2 { - top: 0.5rem; - } + .md\:dark\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } - .sm\:right-2 { - right: 0.5rem; - } + .md\:dark\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } - .sm\:bottom-2 { - bottom: 0.5rem; - } + .md\:dark\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } - .sm\:left-2 { - left: 0.5rem; + .md\:dark\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } } - .sm\:top-3 { - top: 0.75rem; + .md\:bg-opacity-0 { + --bg-opacity: 0; } - .sm\:right-3 { - right: 0.75rem; + .md\:bg-opacity-25 { + --bg-opacity: 0.25; } - .sm\:bottom-3 { - bottom: 0.75rem; + .md\:bg-opacity-50 { + --bg-opacity: 0.5; } - .sm\:left-3 { - left: 0.75rem; + .md\:bg-opacity-75 { + --bg-opacity: 0.75; } - .sm\:top-4 { - top: 1rem; + .md\:bg-opacity-100 { + --bg-opacity: 1; } - .sm\:right-4 { - right: 1rem; + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .sm\:bottom-4 { - bottom: 1rem; + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .sm\:left-4 { - left: 1rem; + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .sm\:top-5 { - top: 1.25rem; + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .sm\:right-5 { - right: 1.25rem; + .md\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .sm\:bottom-5 { - bottom: 1.25rem; + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .sm\:left-5 { - left: 1.25rem; + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .sm\:top-6 { - top: 1.5rem; + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .sm\:right-6 { - right: 1.5rem; + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .sm\:bottom-6 { - bottom: 1.5rem; + .md\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .sm\:left-6 { - left: 1.5rem; + .md\:bg-bottom { + background-position: bottom; } - .sm\:top-7 { - top: 1.75rem; + .md\:bg-center { + background-position: center; } - .sm\:right-7 { - right: 1.75rem; + .md\:bg-left { + background-position: left; } - .sm\:bottom-7 { - bottom: 1.75rem; + .md\:bg-left-bottom { + background-position: left bottom; } - .sm\:left-7 { - left: 1.75rem; + .md\:bg-left-top { + background-position: left top; } - .sm\:top-8 { - top: 2rem; + .md\:bg-right { + background-position: right; } - .sm\:right-8 { - right: 2rem; + .md\:bg-right-bottom { + background-position: right bottom; } - .sm\:bottom-8 { - bottom: 2rem; + .md\:bg-right-top { + background-position: right top; } - .sm\:left-8 { - left: 2rem; + .md\:bg-top { + background-position: top; } - .sm\:top-9 { - top: 2.25rem; + .md\:bg-repeat { + background-repeat: repeat; } - .sm\:right-9 { - right: 2.25rem; + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .sm\:bottom-9 { - bottom: 2.25rem; + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .sm\:left-9 { - left: 2.25rem; + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .sm\:top-10 { - top: 2.5rem; + .md\:bg-repeat-round { + background-repeat: round; } - .sm\:right-10 { - right: 2.5rem; + .md\:bg-repeat-space { + background-repeat: space; } - .sm\:bottom-10 { - bottom: 2.5rem; + .md\:bg-auto { + background-size: auto; } - .sm\:left-10 { - left: 2.5rem; + .md\:bg-cover { + background-size: cover; } - .sm\:top-11 { - top: 2.75rem; + .md\:bg-contain { + background-size: contain; } - .sm\:right-11 { - right: 2.75rem; + .md\:border-collapse { + border-collapse: collapse; } - .sm\:bottom-11 { - bottom: 2.75rem; + .md\:border-separate { + border-collapse: separate; } - .sm\:left-11 { - left: 2.75rem; + .md\:border-transparent { + border-color: transparent; } - .sm\:top-12 { - top: 3rem; + .md\:border-current { + border-color: currentColor; } - .sm\:right-12 { - right: 3rem; + .md\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:bottom-12 { - bottom: 3rem; + .md\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:left-12 { - left: 3rem; + .md\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .sm\:top-13 { - top: 3.25rem; + .md\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .sm\:right-13 { - right: 3.25rem; + .md\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .sm\:bottom-13 { - bottom: 3.25rem; + .md\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .sm\:left-13 { - left: 3.25rem; + .md\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .sm\:top-14 { - top: 3.5rem; + .md\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .sm\:right-14 { - right: 3.5rem; + .md\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .sm\:bottom-14 { - bottom: 3.5rem; + .md\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .sm\:left-14 { - left: 3.5rem; + .md\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .sm\:top-15 { - top: 3.75rem; + .md\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .sm\:right-15 { - right: 3.75rem; + .md\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .sm\:bottom-15 { - bottom: 3.75rem; + .md\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .sm\:left-15 { - left: 3.75rem; + .md\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .sm\:top-16 { - top: 4rem; + .md\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .sm\:right-16 { - right: 4rem; + .md\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .sm\:bottom-16 { - bottom: 4rem; + .md\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .sm\:left-16 { - left: 4rem; + .md\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .sm\:top-20 { - top: 5rem; + .md\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .sm\:right-20 { - right: 5rem; + .md\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .sm\:bottom-20 { - bottom: 5rem; + .md\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .sm\:left-20 { - left: 5rem; + .md\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .sm\:top-24 { - top: 6rem; + .md\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .sm\:right-24 { - right: 6rem; + .md\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .sm\:bottom-24 { - bottom: 6rem; + .md\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .sm\:left-24 { - left: 6rem; + .md\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .sm\:top-28 { - top: 7rem; + .md\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .sm\:right-28 { - right: 7rem; + .md\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .sm\:bottom-28 { - bottom: 7rem; + .md\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .sm\:left-28 { - left: 7rem; + .md\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .sm\:top-32 { - top: 8rem; + .md\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .sm\:right-32 { - right: 8rem; + .md\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .sm\:bottom-32 { - bottom: 8rem; + .md\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .sm\:left-32 { - left: 8rem; + .md\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .sm\:top-36 { - top: 9rem; + .md\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .sm\:right-36 { - right: 9rem; + .md\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .sm\:bottom-36 { - bottom: 9rem; + .md\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .sm\:left-36 { - left: 9rem; + .md\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .sm\:top-40 { - top: 10rem; + .md\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .sm\:right-40 { - right: 10rem; + .md\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .sm\:bottom-40 { - bottom: 10rem; + .md\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .sm\:left-40 { - left: 10rem; + .md\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .sm\:top-44 { - top: 11rem; + .md\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .sm\:right-44 { - right: 11rem; + .md\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .sm\:bottom-44 { - bottom: 11rem; + .md\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .sm\:left-44 { - left: 11rem; + .md\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .sm\:top-48 { - top: 12rem; + .md\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .sm\:right-48 { - right: 12rem; + .md\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .sm\:bottom-48 { - bottom: 12rem; + .md\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .sm\:left-48 { - left: 12rem; + .md\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .sm\:top-52 { - top: 13rem; + .md\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .sm\:right-52 { - right: 13rem; + .md\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .sm\:bottom-52 { - bottom: 13rem; + .md\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .sm\:left-52 { - left: 13rem; + .md\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .sm\:top-56 { - top: 14rem; + .md\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } - .sm\:right-56 { - right: 14rem; + .md\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } - .sm\:bottom-56 { - bottom: 14rem; + .md\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } - .sm\:left-56 { - left: 14rem; + .md\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } - .sm\:top-60 { - top: 15rem; + .md\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } - .sm\:right-60 { - right: 15rem; + .md\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } - .sm\:bottom-60 { - bottom: 15rem; + .md\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } - .sm\:left-60 { - left: 15rem; + .md\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } - .sm\:top-64 { - top: 16rem; + .md\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } - .sm\:right-64 { - right: 16rem; + .md\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } - .sm\:bottom-64 { - bottom: 16rem; + .md\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } - .sm\:left-64 { - left: 16rem; + .md\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } - .sm\:top-72 { - top: 18rem; + .md\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } - .sm\:right-72 { - right: 18rem; + .md\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } - .sm\:bottom-72 { - bottom: 18rem; + .md\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } - .sm\:left-72 { - left: 18rem; + .md\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } - .sm\:top-80 { - top: 20rem; + .md\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } - .sm\:right-80 { - right: 20rem; + .md\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } - .sm\:bottom-80 { - bottom: 20rem; + .md\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } - .sm\:left-80 { - left: 20rem; + .md\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } - .sm\:top-96 { - top: 24rem; + .md\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } - .sm\:right-96 { - right: 24rem; + .md\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .sm\:bottom-96 { - bottom: 24rem; + .md\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } - .sm\:left-96 { - left: 24rem; + .md\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } - .sm\:top-auto { - top: auto; + .md\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } - .sm\:right-auto { - right: auto; + .md\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } - .sm\:bottom-auto { - bottom: auto; + .md\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } - .sm\:left-auto { - left: auto; + .md\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } - .sm\:top-px { - top: 1px; + .md\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } - .sm\:right-px { - right: 1px; + .md\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } - .sm\:bottom-px { - bottom: 1px; + .md\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } - .sm\:left-px { - left: 1px; + .md\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } - .sm\:top-0\.5 { - top: 0.125rem; + .md\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } - .sm\:right-0\.5 { - right: 0.125rem; + .md\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } - .sm\:bottom-0\.5 { - bottom: 0.125rem; + .md\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } - .sm\:left-0\.5 { - left: 0.125rem; + .md\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } - .sm\:top-1\.5 { - top: 0.375rem; + .md\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } - .sm\:right-1\.5 { - right: 0.375rem; + .md\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .sm\:bottom-1\.5 { - bottom: 0.375rem; + .md\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } - .sm\:left-1\.5 { - left: 0.375rem; + .md\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } - .sm\:top-2\.5 { - top: 0.625rem; + .md\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } - .sm\:right-2\.5 { - right: 0.625rem; + .md\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } - .sm\:bottom-2\.5 { - bottom: 0.625rem; + .md\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } - .sm\:left-2\.5 { - left: 0.625rem; + .md\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } - .sm\:top-3\.5 { - top: 0.875rem; + .md\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } - .sm\:right-3\.5 { - right: 0.875rem; + .md\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } - .sm\:bottom-3\.5 { - bottom: 0.875rem; + .md\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } - .sm\:left-3\.5 { - left: 0.875rem; + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .sm\:top-1\/2 { - top: 50%; + .md\:hover\:border-current:hover { + border-color: currentColor; } - .sm\:right-1\/2 { - right: 50%; + .md\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:bottom-1\/2 { - bottom: 50%; + .md\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:left-1\/2 { - left: 50%; + .md\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .sm\:top-1\/3 { - top: 33.333333%; + .md\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .sm\:right-1\/3 { - right: 33.333333%; + .md\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .sm\:bottom-1\/3 { - bottom: 33.333333%; + .md\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .sm\:left-1\/3 { - left: 33.333333%; + .md\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .sm\:top-2\/3 { - top: 66.666667%; + .md\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .sm\:right-2\/3 { - right: 66.666667%; + .md\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .sm\:bottom-2\/3 { - bottom: 66.666667%; + .md\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .sm\:left-2\/3 { - left: 66.666667%; + .md\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .sm\:top-1\/4 { - top: 25%; + .md\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .sm\:right-1\/4 { - right: 25%; + .md\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .sm\:bottom-1\/4 { - bottom: 25%; + .md\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .sm\:left-1\/4 { - left: 25%; + .md\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .sm\:top-2\/4 { - top: 50%; + .md\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .sm\:right-2\/4 { - right: 50%; + .md\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .sm\:bottom-2\/4 { - bottom: 50%; + .md\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .sm\:left-2\/4 { - left: 50%; + .md\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .sm\:top-3\/4 { - top: 75%; + .md\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .sm\:right-3\/4 { - right: 75%; + .md\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .sm\:bottom-3\/4 { - bottom: 75%; + .md\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .sm\:left-3\/4 { - left: 75%; + .md\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .sm\:top-1\/5 { - top: 20%; + .md\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .sm\:right-1\/5 { - right: 20%; + .md\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .sm\:bottom-1\/5 { - bottom: 20%; + .md\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .sm\:left-1\/5 { - left: 20%; + .md\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .sm\:top-2\/5 { - top: 40%; + .md\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .sm\:right-2\/5 { - right: 40%; + .md\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .sm\:bottom-2\/5 { - bottom: 40%; + .md\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .sm\:left-2\/5 { - left: 40%; + .md\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .sm\:top-3\/5 { - top: 60%; + .md\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .sm\:right-3\/5 { - right: 60%; + .md\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .sm\:bottom-3\/5 { - bottom: 60%; + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .sm\:left-3\/5 { - left: 60%; + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .sm\:top-4\/5 { - top: 80%; + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .sm\:right-4\/5 { - right: 80%; + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .sm\:bottom-4\/5 { - bottom: 80%; + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .sm\:left-4\/5 { - left: 80%; + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .sm\:top-1\/6 { - top: 16.666667%; + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .sm\:right-1\/6 { - right: 16.666667%; + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .sm\:bottom-1\/6 { - bottom: 16.666667%; + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .sm\:left-1\/6 { - left: 16.666667%; + .md\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .sm\:top-2\/6 { - top: 33.333333%; + .md\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .sm\:right-2\/6 { - right: 33.333333%; + .md\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .sm\:bottom-2\/6 { - bottom: 33.333333%; + .md\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .sm\:left-2\/6 { - left: 33.333333%; + .md\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .sm\:top-3\/6 { - top: 50%; + .md\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .sm\:right-3\/6 { - right: 50%; + .md\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .sm\:bottom-3\/6 { - bottom: 50%; + .md\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .sm\:left-3\/6 { - left: 50%; + .md\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .sm\:top-4\/6 { - top: 66.666667%; + .md\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .sm\:right-4\/6 { - right: 66.666667%; + .md\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .sm\:bottom-4\/6 { - bottom: 66.666667%; + .md\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .sm\:left-4\/6 { - left: 66.666667%; + .md\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .sm\:top-5\/6 { - top: 83.333333%; + .md\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } - .sm\:right-5\/6 { - right: 83.333333%; + .md\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } - .sm\:bottom-5\/6 { - bottom: 83.333333%; + .md\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } - .sm\:left-5\/6 { - left: 83.333333%; + .md\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } - .sm\:top-1\/12 { - top: 8.333333%; + .md\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } - .sm\:right-1\/12 { - right: 8.333333%; + .md\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } - .sm\:bottom-1\/12 { - bottom: 8.333333%; + .md\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } - .sm\:left-1\/12 { - left: 8.333333%; + .md\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } - .sm\:top-2\/12 { - top: 16.666667%; + .md\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } - .sm\:right-2\/12 { - right: 16.666667%; + .md\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } - .sm\:bottom-2\/12 { - bottom: 16.666667%; + .md\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } - .sm\:left-2\/12 { - left: 16.666667%; + .md\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } - .sm\:top-3\/12 { - top: 25%; + .md\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } - .sm\:right-3\/12 { - right: 25%; + .md\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } - .sm\:bottom-3\/12 { - bottom: 25%; + .md\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } - .sm\:left-3\/12 { - left: 25%; + .md\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } - .sm\:top-4\/12 { - top: 33.333333%; + .md\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } - .sm\:right-4\/12 { - right: 33.333333%; + .md\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } - .sm\:bottom-4\/12 { - bottom: 33.333333%; + .md\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } - .sm\:left-4\/12 { - left: 33.333333%; + .md\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } - .sm\:top-5\/12 { - top: 41.666667%; + .md\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } - .sm\:right-5\/12 { - right: 41.666667%; + .md\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .sm\:bottom-5\/12 { - bottom: 41.666667%; + .md\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } - .sm\:left-5\/12 { - left: 41.666667%; + .md\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } - .sm\:top-6\/12 { - top: 50%; + .md\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } - .sm\:right-6\/12 { - right: 50%; + .md\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } - .sm\:bottom-6\/12 { - bottom: 50%; + .md\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } - .sm\:left-6\/12 { - left: 50%; + .md\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } - .sm\:top-7\/12 { - top: 58.333333%; + .md\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } - .sm\:right-7\/12 { - right: 58.333333%; + .md\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } - .sm\:bottom-7\/12 { - bottom: 58.333333%; + .md\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } - .sm\:left-7\/12 { - left: 58.333333%; + .md\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } - .sm\:top-8\/12 { - top: 66.666667%; + .md\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } - .sm\:right-8\/12 { - right: 66.666667%; + .md\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } - .sm\:bottom-8\/12 { - bottom: 66.666667%; + .md\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } - .sm\:left-8\/12 { - left: 66.666667%; + .md\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } - .sm\:top-9\/12 { - top: 75%; + .md\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } - .sm\:right-9\/12 { - right: 75%; + .md\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .sm\:bottom-9\/12 { - bottom: 75%; + .md\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } - .sm\:left-9\/12 { - left: 75%; + .md\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } - .sm\:top-10\/12 { - top: 83.333333%; + .md\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } - .sm\:right-10\/12 { - right: 83.333333%; + .md\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } - .sm\:bottom-10\/12 { - bottom: 83.333333%; + .md\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } - .sm\:left-10\/12 { - left: 83.333333%; + .md\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } - .sm\:top-11\/12 { - top: 91.666667%; + .md\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } - .sm\:right-11\/12 { - right: 91.666667%; + .md\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } - .sm\:bottom-11\/12 { - bottom: 91.666667%; + .md\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } - .sm\:left-11\/12 { - left: 91.666667%; + .md\:focus\:border-transparent:focus { + border-color: transparent; } - .sm\:top-full { - top: 100%; + .md\:focus\:border-current:focus { + border-color: currentColor; } - .sm\:right-full { - right: 100%; + .md\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:bottom-full { - bottom: 100%; + .md\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:left-full { - left: 100%; + .md\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .sm\:resize-none { - resize: none; + .md\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .sm\:resize-y { - resize: vertical; + .md\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .sm\:resize-x { - resize: horizontal; + .md\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .sm\:resize { - resize: both; + .md\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .sm\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .md\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .sm\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .md\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .sm\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .sm\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .sm\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .sm\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .sm\:shadow-none { - box-shadow: none; + .md\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .sm\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .md\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .sm\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .md\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .sm\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .sm\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .sm\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .sm\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .sm\:hover\:shadow-none:hover { - box-shadow: none; + .md\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .sm\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .md\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .sm\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .md\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .sm\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .sm\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .sm\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .sm\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .sm\:focus\:shadow-none:focus { - box-shadow: none; + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .sm\:fill-current { - fill: currentColor; + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .sm\:stroke-current { - stroke: currentColor; + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .sm\:stroke-0 { - stroke-width: 0; + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .sm\:stroke-1 { - stroke-width: 1; + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .sm\:stroke-2 { - stroke-width: 2; + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .sm\:table-auto { - table-layout: auto; + .md\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .sm\:table-fixed { - table-layout: fixed; + .md\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .sm\:text-left { - text-align: left; + .md\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .sm\:text-center { - text-align: center; + .md\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .sm\:text-right { - text-align: right; + .md\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .sm\:text-justify { - text-align: justify; + .md\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .sm\:text-transparent { - color: transparent; + .md\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .sm\:text-current { - color: currentColor; + .md\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .sm\:text-black { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .md\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .sm\:text-white { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .md\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .sm\:text-gray-50 { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .md\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .sm\:text-gray-100 { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .md\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .sm\:text-gray-200 { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .md\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .sm\:text-gray-300 { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .md\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } - .sm\:text-gray-400 { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .md\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } - .sm\:text-gray-500 { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .md\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } - .sm\:text-gray-600 { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .md\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } - .sm\:text-gray-700 { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .md\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } - .sm\:text-gray-800 { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .md\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } - .sm\:text-gray-900 { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .md\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } - .sm\:text-red-50 { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .md\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } - .sm\:text-red-100 { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .md\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } - .sm\:text-red-200 { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .md\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } - .sm\:text-red-300 { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .md\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } - .sm\:text-red-400 { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .md\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } - .sm\:text-red-500 { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .md\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } - .sm\:text-red-600 { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .md\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } - .sm\:text-red-700 { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .md\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } - .sm\:text-red-800 { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .md\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } - .sm\:text-red-900 { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .md\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } - .sm\:text-orange-50 { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .md\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } - .sm\:text-orange-100 { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .md\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } - .sm\:text-orange-200 { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .md\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } - .sm\:text-orange-300 { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .md\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } - .sm\:text-orange-400 { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .md\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .sm\:text-orange-500 { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .md\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } - .sm\:text-orange-600 { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .md\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } - .sm\:text-orange-700 { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .md\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } - .sm\:text-orange-800 { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .md\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } - .sm\:text-orange-900 { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .md\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } - .sm\:text-yellow-50 { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .md\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } - .sm\:text-yellow-100 { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .md\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } - .sm\:text-yellow-200 { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .md\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } - .sm\:text-yellow-300 { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .md\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } - .sm\:text-yellow-400 { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .md\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } - .sm\:text-yellow-500 { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .md\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } - .sm\:text-yellow-600 { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .md\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } - .sm\:text-yellow-700 { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .md\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } - .sm\:text-yellow-800 { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .md\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } - .sm\:text-yellow-900 { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .md\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } - .sm\:text-green-50 { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .md\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .sm\:text-green-100 { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .md\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } - .sm\:text-green-200 { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .md\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } - .sm\:text-green-300 { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .md\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } - .sm\:text-green-400 { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .md\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } - .sm\:text-green-500 { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .md\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } - .sm\:text-green-600 { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .md\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } - .sm\:text-green-700 { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .md\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } - .sm\:text-green-800 { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .md\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } - .sm\:text-green-900 { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .md\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } - .sm\:text-teal-50 { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); - } + @media (prefers-color-scheme: dark) { + .md\:dark\:border-transparent { + border-color: transparent; + } - .sm\:text-teal-100 { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); - } + .md\:dark\:border-current { + border-color: currentColor; + } - .sm\:text-teal-200 { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); - } + .md\:dark\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .sm\:text-teal-300 { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); - } + .md\:dark\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .sm\:text-teal-400 { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); - } + .md\:dark\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } - .sm\:text-teal-500 { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); - } + .md\:dark\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } - .sm\:text-teal-600 { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); - } + .md\:dark\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } - .sm\:text-teal-700 { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); - } + .md\:dark\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } - .sm\:text-teal-800 { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); - } + .md\:dark\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } - .sm\:text-teal-900 { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); - } + .md\:dark\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } - .sm\:text-blue-50 { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); - } + .md\:dark\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } - .sm\:text-blue-100 { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); - } + .md\:dark\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } - .sm\:text-blue-200 { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); - } + .md\:dark\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } - .sm\:text-blue-300 { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); - } + .md\:dark\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } - .sm\:text-blue-400 { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); - } + .md\:dark\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } - .sm\:text-blue-500 { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); - } + .md\:dark\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } - .sm\:text-blue-600 { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); - } + .md\:dark\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } - .sm\:text-blue-700 { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); - } + .md\:dark\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } - .sm\:text-blue-800 { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); - } + .md\:dark\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } - .sm\:text-blue-900 { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); - } + .md\:dark\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } - .sm\:text-indigo-50 { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); - } + .md\:dark\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } - .sm\:text-indigo-100 { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); - } + .md\:dark\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } - .sm\:text-indigo-200 { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); - } + .md\:dark\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } - .sm\:text-indigo-300 { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); - } + .md\:dark\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } - .sm\:text-indigo-400 { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); - } + .md\:dark\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } - .sm\:text-indigo-500 { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); - } + .md\:dark\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } - .sm\:text-indigo-600 { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); - } + .md\:dark\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } - .sm\:text-indigo-700 { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); - } + .md\:dark\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } - .sm\:text-indigo-800 { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); - } + .md\:dark\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } - .sm\:text-indigo-900 { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); - } + .md\:dark\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } - .sm\:text-purple-50 { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); - } + .md\:dark\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } - .sm\:text-purple-100 { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); - } + .md\:dark\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } - .sm\:text-purple-200 { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); - } + .md\:dark\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } - .sm\:text-purple-300 { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); - } + .md\:dark\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } - .sm\:text-purple-400 { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); - } + .md\:dark\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } - .sm\:text-purple-500 { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); - } + .md\:dark\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } - .sm\:text-purple-600 { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); - } + .md\:dark\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } - .sm\:text-purple-700 { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); - } + .md\:dark\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } - .sm\:text-purple-800 { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); - } + .md\:dark\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } - .sm\:text-purple-900 { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); - } + .md\:dark\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } - .sm\:text-pink-50 { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .md\:dark\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } - .sm\:text-pink-100 { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); - } + .md\:dark\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } - .sm\:text-pink-200 { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); - } + .md\:dark\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } - .sm\:text-pink-300 { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); - } + .md\:dark\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } - .sm\:text-pink-400 { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); - } + .md\:dark\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } - .sm\:text-pink-500 { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); - } + .md\:dark\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } - .sm\:text-pink-600 { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); - } + .md\:dark\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } - .sm\:text-pink-700 { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); - } + .md\:dark\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } - .sm\:text-pink-800 { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); - } + .md\:dark\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } - .sm\:text-pink-900 { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); - } + .md\:dark\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } - .sm\:hover\:text-transparent:hover { - color: transparent; - } + .md\:dark\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } - .sm\:hover\:text-current:hover { - color: currentColor; - } + .md\:dark\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } - .sm\:hover\:text-black:hover { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .md\:dark\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } - .sm\:hover\:text-white:hover { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .md\:dark\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } - .sm\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); - } + .md\:dark\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } - .sm\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); - } + .md\:dark\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } - .sm\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); - } + .md\:dark\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } - .sm\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); - } + .md\:dark\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } - .sm\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); - } + .md\:dark\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } - .sm\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); - } + .md\:dark\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } - .sm\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); - } + .md\:dark\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } - .sm\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); - } + .md\:dark\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } - .sm\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); - } + .md\:dark\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } - .sm\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); - } + .md\:dark\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } - .sm\:hover\:text-red-50:hover { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); - } + .md\:dark\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } - .sm\:hover\:text-red-100:hover { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); - } + .md\:dark\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } - .sm\:hover\:text-red-200:hover { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); - } + .md\:dark\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } - .sm\:hover\:text-red-300:hover { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); - } + .md\:dark\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } - .sm\:hover\:text-red-400:hover { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); - } + .md\:dark\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } - .sm\:hover\:text-red-500:hover { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); - } + .md\:dark\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } - .sm\:hover\:text-red-600:hover { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); - } + .md\:dark\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } - .sm\:hover\:text-red-700:hover { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); - } + .md\:dark\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } - .sm\:hover\:text-red-800:hover { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); - } + .md\:dark\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } - .sm\:hover\:text-red-900:hover { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); - } + .md\:dark\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } - .sm\:hover\:text-orange-50:hover { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); - } + .md\:dark\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } - .sm\:hover\:text-orange-100:hover { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); - } + .md\:dark\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } - .sm\:hover\:text-orange-200:hover { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); - } + .md\:dark\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } - .sm\:hover\:text-orange-300:hover { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); - } + .md\:dark\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } - .sm\:hover\:text-orange-400:hover { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); - } + .md\:dark\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } - .sm\:hover\:text-orange-500:hover { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); - } + .md\:dark\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } - .sm\:hover\:text-orange-600:hover { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); - } + .md\:dark\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } - .sm\:hover\:text-orange-700:hover { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); - } + .md\:dark\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } - .sm\:hover\:text-orange-800:hover { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); - } + .md\:dark\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } - .sm\:hover\:text-orange-900:hover { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); - } + .md\:dark\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } - .sm\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); - } + .md\:dark\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } - .sm\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); - } + .md\:dark\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } - .sm\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); - } + .md\:dark\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } - .sm\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); - } + .md\:dark\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } - .sm\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); - } + .md\:dark\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } - .sm\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); - } + .md\:dark\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } - .sm\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); - } + .md\:dark\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } - .sm\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); - } + .md\:dark\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } - .sm\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); - } + .md\:dark\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } - .sm\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); - } + .md\:dark\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } - .sm\:hover\:text-green-50:hover { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); - } + .md\:dark\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .sm\:hover\:text-green-100:hover { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); - } + .md\:dark\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } - .sm\:hover\:text-green-200:hover { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); - } + .md\:dark\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } - .sm\:hover\:text-green-300:hover { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); - } + .md\:dark\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } - .sm\:hover\:text-green-400:hover { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); - } + .md\:dark\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } - .sm\:hover\:text-green-500:hover { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); - } + .md\:dark\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } - .sm\:hover\:text-green-600:hover { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); - } + .md\:dark\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } - .sm\:hover\:text-green-700:hover { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); - } + .md\:dark\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } - .sm\:hover\:text-green-800:hover { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); - } + .md\:dark\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } - .sm\:hover\:text-green-900:hover { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); - } + .md\:dark\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } - .sm\:hover\:text-teal-50:hover { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); - } + .md\:dark\:hover\:border-transparent:hover { + border-color: transparent; + } - .sm\:hover\:text-teal-100:hover { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); - } + .md\:dark\:hover\:border-current:hover { + border-color: currentColor; + } - .sm\:hover\:text-teal-200:hover { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); - } + .md\:dark\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .sm\:hover\:text-teal-300:hover { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); - } + .md\:dark\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .sm\:hover\:text-teal-400:hover { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } - .sm\:hover\:text-teal-500:hover { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } - .sm\:hover\:text-teal-600:hover { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } - .sm\:hover\:text-teal-700:hover { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } - .sm\:hover\:text-teal-800:hover { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } - .sm\:hover\:text-teal-900:hover { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } - .sm\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } - .sm\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } - .sm\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } - .sm\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); - } + .md\:dark\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } - .sm\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } - .sm\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } - .sm\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } - .sm\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } - .sm\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } - .sm\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } - .sm\:hover\:text-indigo-50:hover { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } - .sm\:hover\:text-indigo-100:hover { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } - .sm\:hover\:text-indigo-200:hover { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } - .sm\:hover\:text-indigo-300:hover { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); - } + .md\:dark\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } - .sm\:hover\:text-indigo-400:hover { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } - .sm\:hover\:text-indigo-500:hover { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } - .sm\:hover\:text-indigo-600:hover { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } - .sm\:hover\:text-indigo-700:hover { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } - .sm\:hover\:text-indigo-800:hover { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } - .sm\:hover\:text-indigo-900:hover { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } - .sm\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } - .sm\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } - .sm\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } - .sm\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); - } + .md\:dark\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } - .sm\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } - .sm\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } - .sm\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } - .sm\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } - .sm\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } - .sm\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } - .sm\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } - .sm\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } - .sm\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } - .sm\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); - } + .md\:dark\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } - .sm\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } - .sm\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } - .sm\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } - .sm\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } - .sm\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } - .sm\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } - .sm\:focus\:text-transparent:focus { - color: transparent; - } + .md\:dark\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } - .sm\:focus\:text-current:focus { - color: currentColor; - } + .md\:dark\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } - .sm\:focus\:text-black:focus { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } - .sm\:focus\:text-white:focus { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .md\:dark\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } - .sm\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } - .sm\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } - .sm\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } - .sm\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } - .sm\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } - .sm\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } - .sm\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } - .sm\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } - .sm\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } - .sm\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); - } + .md\:dark\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } - .sm\:focus\:text-red-50:focus { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } - .sm\:focus\:text-red-100:focus { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } - .sm\:focus\:text-red-200:focus { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } - .sm\:focus\:text-red-300:focus { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } - .sm\:focus\:text-red-400:focus { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } - .sm\:focus\:text-red-500:focus { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } - .sm\:focus\:text-red-600:focus { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } - .sm\:focus\:text-red-700:focus { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } - .sm\:focus\:text-red-800:focus { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } - .sm\:focus\:text-red-900:focus { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); - } + .md\:dark\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } - .sm\:focus\:text-orange-50:focus { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } - .sm\:focus\:text-orange-100:focus { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } - .sm\:focus\:text-orange-200:focus { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } - .sm\:focus\:text-orange-300:focus { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } - .sm\:focus\:text-orange-400:focus { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } - .sm\:focus\:text-orange-500:focus { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } - .sm\:focus\:text-orange-600:focus { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } - .sm\:focus\:text-orange-700:focus { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } - .sm\:focus\:text-orange-800:focus { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } - .sm\:focus\:text-orange-900:focus { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); - } + .md\:dark\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } - .sm\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } - .sm\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } - .sm\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } - .sm\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } - .sm\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } - .sm\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } - .sm\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } - .sm\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } - .sm\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } - .sm\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); - } + .md\:dark\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } - .sm\:focus\:text-green-50:focus { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .sm\:focus\:text-green-100:focus { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } - .sm\:focus\:text-green-200:focus { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } - .sm\:focus\:text-green-300:focus { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } - .sm\:focus\:text-green-400:focus { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } - .sm\:focus\:text-green-500:focus { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } - .sm\:focus\:text-green-600:focus { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } - .sm\:focus\:text-green-700:focus { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } - .sm\:focus\:text-green-800:focus { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } - .sm\:focus\:text-green-900:focus { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); - } + .md\:dark\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } - .sm\:focus\:text-teal-50:focus { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); - } + .md\:dark\:focus\:border-transparent:focus { + border-color: transparent; + } - .sm\:focus\:text-teal-100:focus { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); - } + .md\:dark\:focus\:border-current:focus { + border-color: currentColor; + } - .sm\:focus\:text-teal-200:focus { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); - } + .md\:dark\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .sm\:focus\:text-teal-300:focus { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); - } + .md\:dark\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .sm\:focus\:text-teal-400:focus { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } - .sm\:focus\:text-teal-500:focus { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } - .sm\:focus\:text-teal-600:focus { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } - .sm\:focus\:text-teal-700:focus { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } - .sm\:focus\:text-teal-800:focus { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } - .sm\:focus\:text-teal-900:focus { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } - .sm\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } - .sm\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } - .sm\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } - .sm\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); - } + .md\:dark\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } - .sm\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } - .sm\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } - .sm\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } - .sm\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } - .sm\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } - .sm\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } - .sm\:focus\:text-indigo-50:focus { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } - .sm\:focus\:text-indigo-100:focus { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } - .sm\:focus\:text-indigo-200:focus { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } - .sm\:focus\:text-indigo-300:focus { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); - } + .md\:dark\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } - .sm\:focus\:text-indigo-400:focus { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } - .sm\:focus\:text-indigo-500:focus { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } - .sm\:focus\:text-indigo-600:focus { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } - .sm\:focus\:text-indigo-700:focus { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } - .sm\:focus\:text-indigo-800:focus { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } - .sm\:focus\:text-indigo-900:focus { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } - .sm\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } - .sm\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } - .sm\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } - .sm\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); - } + .md\:dark\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } - .sm\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } - .sm\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } - .sm\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } - .sm\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } - .sm\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } - .sm\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } - .sm\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } - .sm\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } - .sm\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } - .sm\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); - } + .md\:dark\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } - .sm\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } - .sm\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } - .sm\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } - .sm\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } - .sm\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } - .sm\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); - } + .md\:dark\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } - .sm\:text-opacity-0 { - --text-opacity: 0; - } + .md\:dark\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } - .sm\:text-opacity-25 { - --text-opacity: 0.25; - } + .md\:dark\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } - .sm\:text-opacity-50 { - --text-opacity: 0.5; - } + .md\:dark\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } - .sm\:text-opacity-75 { - --text-opacity: 0.75; - } + .md\:dark\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } - .sm\:text-opacity-100 { - --text-opacity: 1; - } + .md\:dark\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } - .sm\:hover\:text-opacity-0:hover { - --text-opacity: 0; - } + .md\:dark\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } - .sm\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; - } + .md\:dark\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } - .sm\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; - } + .md\:dark\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } - .sm\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; - } + .md\:dark\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } - .sm\:hover\:text-opacity-100:hover { - --text-opacity: 1; - } + .md\:dark\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } - .sm\:focus\:text-opacity-0:focus { - --text-opacity: 0; - } + .md\:dark\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } - .sm\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; - } + .md\:dark\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } - .sm\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; - } + .md\:dark\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } - .sm\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; - } + .md\:dark\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } - .sm\:focus\:text-opacity-100:focus { - --text-opacity: 1; - } + .md\:dark\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } - .sm\:italic { - font-style: italic; - } + .md\:dark\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } - .sm\:not-italic { - font-style: normal; - } + .md\:dark\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } - .sm\:uppercase { - text-transform: uppercase; - } + .md\:dark\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } - .sm\:lowercase { - text-transform: lowercase; - } + .md\:dark\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } - .sm\:capitalize { - text-transform: capitalize; - } + .md\:dark\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } - .sm\:normal-case { - text-transform: none; - } + .md\:dark\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } - .sm\:underline { - text-decoration: underline; - } + .md\:dark\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } - .sm\:line-through { - text-decoration: line-through; - } + .md\:dark\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } - .sm\:no-underline { - text-decoration: none; - } + .md\:dark\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } - .sm\:hover\:underline:hover { - text-decoration: underline; - } + .md\:dark\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } - .sm\:hover\:line-through:hover { - text-decoration: line-through; - } + .md\:dark\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } - .sm\:hover\:no-underline:hover { - text-decoration: none; - } + .md\:dark\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } - .sm\:focus\:underline:focus { - text-decoration: underline; - } + .md\:dark\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } - .sm\:focus\:line-through:focus { - text-decoration: line-through; - } + .md\:dark\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } - .sm\:focus\:no-underline:focus { - text-decoration: none; - } + .md\:dark\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } + .md\:dark\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } + .md\:dark\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } - .sm\:tracking-tighter { - letter-spacing: -0.05em; - } + .md\:dark\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } - .sm\:tracking-tight { - letter-spacing: -0.025em; - } + .md\:dark\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } - .sm\:tracking-normal { - letter-spacing: 0; - } + .md\:dark\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } - .sm\:tracking-wide { - letter-spacing: 0.025em; - } + .md\:dark\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } - .sm\:tracking-wider { - letter-spacing: 0.05em; - } + .md\:dark\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } - .sm\:tracking-widest { - letter-spacing: 0.1em; - } + .md\:dark\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } - .sm\:select-none { - user-select: none; - } + .md\:dark\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } - .sm\:select-text { - user-select: text; - } + .md\:dark\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } - .sm\:select-all { - user-select: all; - } + .md\:dark\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } - .sm\:select-auto { - user-select: auto; - } + .md\:dark\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } - .sm\:align-baseline { - vertical-align: baseline; - } + .md\:dark\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } - .sm\:align-top { - vertical-align: top; - } + .md\:dark\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } - .sm\:align-middle { - vertical-align: middle; - } + .md\:dark\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .sm\:align-bottom { - vertical-align: bottom; - } + .md\:dark\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } - .sm\:align-text-top { - vertical-align: text-top; - } + .md\:dark\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } - .sm\:align-text-bottom { - vertical-align: text-bottom; - } + .md\:dark\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } - .sm\:visible { - visibility: visible; - } + .md\:dark\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } - .sm\:invisible { - visibility: hidden; - } + .md\:dark\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } - .sm\:whitespace-normal { - white-space: normal; - } + .md\:dark\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .md\:dark\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .md\:dark\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .md\:dark\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } } - .sm\:whitespace-pre { - white-space: pre; + .md\:border-opacity-0 { + --border-opacity: 0; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .md\:border-opacity-25 { + --border-opacity: 0.25; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:border-opacity-50 { + --border-opacity: 0.5; } - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; + .md\:border-opacity-75 { + --border-opacity: 0.75; } - .sm\:break-words { - overflow-wrap: break-word; + .md\:border-opacity-100 { + --border-opacity: 1; } - .sm\:break-all { - word-break: break-all; + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .sm\:w-0 { - width: 0; + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .sm\:w-1 { - width: 0.25rem; + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .sm\:w-2 { - width: 0.5rem; + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .sm\:w-3 { - width: 0.75rem; + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .sm\:w-4 { - width: 1rem; + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .sm\:w-5 { - width: 1.25rem; + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .sm\:w-6 { - width: 1.5rem; + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .sm\:w-7 { - width: 1.75rem; + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .sm\:w-8 { - width: 2rem; + .md\:rounded-none { + border-radius: 0; } - .sm\:w-9 { - width: 2.25rem; + .md\:rounded-sm { + border-radius: 0.125rem; } - .sm\:w-10 { - width: 2.5rem; + .md\:rounded { + border-radius: 0.25rem; } - .sm\:w-11 { - width: 2.75rem; + .md\:rounded-md { + border-radius: 0.375rem; } - .sm\:w-12 { - width: 3rem; + .md\:rounded-lg { + border-radius: 0.5rem; } - .sm\:w-13 { - width: 3.25rem; + .md\:rounded-full { + border-radius: 9999px; } - .sm\:w-14 { - width: 3.5rem; + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .sm\:w-15 { - width: 3.75rem; + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .sm\:w-16 { - width: 4rem; + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .sm\:w-20 { - width: 5rem; + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .sm\:w-24 { - width: 6rem; + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .sm\:w-28 { - width: 7rem; + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .sm\:w-32 { - width: 8rem; + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:w-36 { - width: 9rem; + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:w-40 { - width: 10rem; + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .sm\:w-44 { - width: 11rem; + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .sm\:w-48 { - width: 12rem; + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:w-52 { - width: 13rem; + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:w-56 { - width: 14rem; + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .sm\:w-60 { - width: 15rem; + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .sm\:w-64 { - width: 16rem; + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:w-72 { - width: 18rem; + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:w-80 { - width: 20rem; + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .sm\:w-96 { - width: 24rem; + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .sm\:w-auto { - width: auto; + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:w-px { - width: 1px; + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:w-0\.5 { - width: 0.125rem; + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .sm\:w-1\.5 { - width: 0.375rem; + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .sm\:w-2\.5 { - width: 0.625rem; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:w-3\.5 { - width: 0.875rem; + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:w-1\/2 { - width: 50%; + .md\:rounded-tl-none { + border-top-left-radius: 0; } - .sm\:w-1\/3 { - width: 33.333333%; + .md\:rounded-tr-none { + border-top-right-radius: 0; } - .sm\:w-2\/3 { - width: 66.666667%; + .md\:rounded-br-none { + border-bottom-right-radius: 0; } - .sm\:w-1\/4 { - width: 25%; + .md\:rounded-bl-none { + border-bottom-left-radius: 0; } - .sm\:w-2\/4 { - width: 50%; + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .sm\:w-3\/4 { - width: 75%; + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .sm\:w-1\/5 { - width: 20%; + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .sm\:w-2\/5 { - width: 40%; + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .sm\:w-3\/5 { - width: 60%; + .md\:rounded-tl { + border-top-left-radius: 0.25rem; } - .sm\:w-4\/5 { - width: 80%; + .md\:rounded-tr { + border-top-right-radius: 0.25rem; } - .sm\:w-1\/6 { - width: 16.666667%; + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .sm\:w-2\/6 { - width: 33.333333%; + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .sm\:w-3\/6 { - width: 50%; + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .sm\:w-4\/6 { - width: 66.666667%; + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .sm\:w-5\/6 { - width: 83.333333%; + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .sm\:w-1\/12 { - width: 8.333333%; + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .sm\:w-2\/12 { - width: 16.666667%; + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .sm\:w-3\/12 { - width: 25%; + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .sm\:w-4\/12 { - width: 33.333333%; + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .sm\:w-5\/12 { - width: 41.666667%; + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .sm\:w-6\/12 { - width: 50%; + .md\:rounded-tl-full { + border-top-left-radius: 9999px; } - .sm\:w-7\/12 { - width: 58.333333%; + .md\:rounded-tr-full { + border-top-right-radius: 9999px; } - .sm\:w-8\/12 { - width: 66.666667%; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .sm\:w-9\/12 { - width: 75%; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .sm\:w-10\/12 { - width: 83.333333%; + .md\:border-solid { + border-style: solid; } - .sm\:w-11\/12 { - width: 91.666667%; + .md\:border-dashed { + border-style: dashed; } - .sm\:w-full { - width: 100%; + .md\:border-dotted { + border-style: dotted; } - .sm\:w-screen { - width: 100vw; + .md\:border-double { + border-style: double; } - .sm\:w-min-content { - width: min-content; + .md\:border-none { + border-style: none; } - .sm\:w-max-content { - width: max-content; + .md\:border-0 { + border-width: 0; } - .sm\:z-0 { - z-index: 0; + .md\:border-2 { + border-width: 2px; } - .sm\:z-10 { - z-index: 10; + .md\:border-4 { + border-width: 4px; } - .sm\:z-20 { - z-index: 20; + .md\:border-8 { + border-width: 8px; } - .sm\:z-30 { - z-index: 30; + .md\:border { + border-width: 1px; } - .sm\:z-40 { - z-index: 40; + .md\:border-t-0 { + border-top-width: 0; } - .sm\:z-50 { - z-index: 50; + .md\:border-r-0 { + border-right-width: 0; } - .sm\:z-auto { - z-index: auto; + .md\:border-b-0 { + border-bottom-width: 0; } - .sm\:gap-0 { - grid-gap: 0; - gap: 0; + .md\:border-l-0 { + border-left-width: 0; } - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .md\:border-t-2 { + border-top-width: 2px; } - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .md\:border-r-2 { + border-right-width: 2px; } - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .md\:border-b-2 { + border-bottom-width: 2px; } - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .md\:border-l-2 { + border-left-width: 2px; } - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .md\:border-t-4 { + border-top-width: 4px; } - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .md\:border-r-4 { + border-right-width: 4px; } - .sm\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .md\:border-b-4 { + border-bottom-width: 4px; } - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .md\:border-l-4 { + border-left-width: 4px; } - .sm\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .md\:border-t-8 { + border-top-width: 8px; } - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .md\:border-r-8 { + border-right-width: 8px; } - .sm\:gap-11 { - grid-gap: 2.75rem; - gap: 2.75rem; + .md\:border-b-8 { + border-bottom-width: 8px; } - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .md\:border-l-8 { + border-left-width: 8px; } - .sm\:gap-13 { - grid-gap: 3.25rem; - gap: 3.25rem; + .md\:border-t { + border-top-width: 1px; } - .sm\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .md\:border-r { + border-right-width: 1px; } - .sm\:gap-15 { - grid-gap: 3.75rem; - gap: 3.75rem; + .md\:border-b { + border-bottom-width: 1px; } - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .md\:border-l { + border-left-width: 1px; } - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .md\:box-border { + box-sizing: border-box; } - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .md\:box-content { + box-sizing: content-box; } - .sm\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .md\:cursor-auto { + cursor: auto; } - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .md\:cursor-default { + cursor: default; } - .sm\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .md\:cursor-pointer { + cursor: pointer; } - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .md\:cursor-wait { + cursor: wait; } - .sm\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .md\:cursor-text { + cursor: text; } - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .md\:cursor-move { + cursor: move; } - .sm\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .md\:cursor-not-allowed { + cursor: not-allowed; } - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .md\:block { + display: block; } - .sm\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .md\:inline-block { + display: inline-block; } - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .md\:inline { + display: inline; } - .sm\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .md\:flex { + display: flex; } - .sm\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .md\:inline-flex { + display: inline-flex; } - .sm\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .md\:table { + display: table; } - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; + .md\:table-caption { + display: table-caption; } - .sm\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .md\:table-cell { + display: table-cell; } - .sm\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .md\:table-column { + display: table-column; } - .sm\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .md\:table-column-group { + display: table-column-group; } - .sm\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .md\:table-footer-group { + display: table-footer-group; } - .sm\:gap-1\/2 { - grid-gap: 50%; - gap: 50%; + .md\:table-header-group { + display: table-header-group; } - .sm\:gap-1\/3 { - grid-gap: 33.333333%; - gap: 33.333333%; + .md\:table-row-group { + display: table-row-group; } - .sm\:gap-2\/3 { - grid-gap: 66.666667%; - gap: 66.666667%; + .md\:table-row { + display: table-row; } - .sm\:gap-1\/4 { - grid-gap: 25%; - gap: 25%; + .md\:flow-root { + display: flow-root; } - .sm\:gap-2\/4 { - grid-gap: 50%; - gap: 50%; + .md\:grid { + display: grid; } - .sm\:gap-3\/4 { - grid-gap: 75%; - gap: 75%; + .md\:inline-grid { + display: inline-grid; } - .sm\:gap-1\/5 { - grid-gap: 20%; - gap: 20%; + .md\:contents { + display: contents; } - .sm\:gap-2\/5 { - grid-gap: 40%; - gap: 40%; + .md\:hidden { + display: none; } - .sm\:gap-3\/5 { - grid-gap: 60%; - gap: 60%; + .md\:flex-row { + flex-direction: row; } - .sm\:gap-4\/5 { - grid-gap: 80%; - gap: 80%; + .md\:flex-row-reverse { + flex-direction: row-reverse; } - .sm\:gap-1\/6 { - grid-gap: 16.666667%; - gap: 16.666667%; + .md\:flex-col { + flex-direction: column; } - .sm\:gap-2\/6 { - grid-gap: 33.333333%; - gap: 33.333333%; + .md\:flex-col-reverse { + flex-direction: column-reverse; } - .sm\:gap-3\/6 { - grid-gap: 50%; - gap: 50%; + .md\:flex-wrap { + flex-wrap: wrap; } - .sm\:gap-4\/6 { - grid-gap: 66.666667%; - gap: 66.666667%; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .sm\:gap-5\/6 { - grid-gap: 83.333333%; - gap: 83.333333%; + .md\:flex-no-wrap { + flex-wrap: nowrap; } - .sm\:gap-1\/12 { - grid-gap: 8.333333%; - gap: 8.333333%; + .md\:items-start { + align-items: flex-start; } - .sm\:gap-2\/12 { - grid-gap: 16.666667%; - gap: 16.666667%; + .md\:items-end { + align-items: flex-end; } - .sm\:gap-3\/12 { - grid-gap: 25%; - gap: 25%; + .md\:items-center { + align-items: center; } - .sm\:gap-4\/12 { - grid-gap: 33.333333%; - gap: 33.333333%; + .md\:items-baseline { + align-items: baseline; } - .sm\:gap-5\/12 { - grid-gap: 41.666667%; - gap: 41.666667%; + .md\:items-stretch { + align-items: stretch; } - .sm\:gap-6\/12 { - grid-gap: 50%; - gap: 50%; + .md\:self-auto { + align-self: auto; } - .sm\:gap-7\/12 { - grid-gap: 58.333333%; - gap: 58.333333%; + .md\:self-start { + align-self: flex-start; } - .sm\:gap-8\/12 { - grid-gap: 66.666667%; - gap: 66.666667%; + .md\:self-end { + align-self: flex-end; } - .sm\:gap-9\/12 { - grid-gap: 75%; - gap: 75%; + .md\:self-center { + align-self: center; } - .sm\:gap-10\/12 { - grid-gap: 83.333333%; - gap: 83.333333%; + .md\:self-stretch { + align-self: stretch; } - .sm\:gap-11\/12 { - grid-gap: 91.666667%; - gap: 91.666667%; + .md\:justify-start { + justify-content: flex-start; } - .sm\:gap-full { - grid-gap: 100%; - gap: 100%; + .md\:justify-end { + justify-content: flex-end; } - .sm\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .md\:justify-center { + justify-content: center; } - .sm\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .md\:justify-between { + justify-content: space-between; } - .sm\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .md\:justify-around { + justify-content: space-around; } - .sm\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .md\:justify-evenly { + justify-content: space-evenly; } - .sm\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .md\:content-center { + align-content: center; } - .sm\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .md\:content-start { + align-content: flex-start; } - .sm\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .md\:content-end { + align-content: flex-end; } - .sm\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .md\:content-between { + align-content: space-between; } - .sm\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .md\:content-around { + align-content: space-around; } - .sm\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .md\:flex-1 { + flex: 1 1 0%; } - .sm\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .md\:flex-auto { + flex: 1 1 auto; } - .sm\:gap-x-11 { - grid-column-gap: 2.75rem; - column-gap: 2.75rem; + .md\:flex-initial { + flex: 0 1 auto; } - .sm\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .md\:flex-none { + flex: none; } - .sm\:gap-x-13 { - grid-column-gap: 3.25rem; - column-gap: 3.25rem; + .md\:flex-grow-0 { + flex-grow: 0; } - .sm\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .md\:flex-grow { + flex-grow: 1; } - .sm\:gap-x-15 { - grid-column-gap: 3.75rem; - column-gap: 3.75rem; + .md\:flex-shrink-0 { + flex-shrink: 0; } - .sm\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .md\:flex-shrink { + flex-shrink: 1; } - .sm\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .md\:order-1 { + order: 1; } - .sm\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .md\:order-2 { + order: 2; } - .sm\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .md\:order-3 { + order: 3; } - .sm\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .md\:order-4 { + order: 4; } - .sm\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .md\:order-5 { + order: 5; } - .sm\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .md\:order-6 { + order: 6; } - .sm\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .md\:order-7 { + order: 7; } - .sm\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .md\:order-8 { + order: 8; } - .sm\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .md\:order-9 { + order: 9; } - .sm\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .md\:order-10 { + order: 10; } - .sm\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .md\:order-11 { + order: 11; } - .sm\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .md\:order-12 { + order: 12; } - .sm\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .md\:order-first { + order: -9999; } - .sm\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .md\:order-last { + order: 9999; } - .sm\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .md\:order-none { + order: 0; } - .sm\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:float-right { + float: right; } - .sm\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .md\:float-left { + float: left; } - .sm\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .md\:float-none { + float: none; } - .sm\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .md\:clearfix:after { + content: ""; + display: table; + clear: both; } - .sm\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .md\:clear-left { + clear: left; } - .sm\:gap-x-1\/2 { - grid-column-gap: 50%; - column-gap: 50%; + .md\:clear-right { + clear: right; } - .sm\:gap-x-1\/3 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .md\:clear-both { + clear: both; } - .sm\:gap-x-2\/3 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .md\:clear-none { + clear: none; } - .sm\:gap-x-1\/4 { - grid-column-gap: 25%; - column-gap: 25%; + .md\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .sm\:gap-x-2\/4 { - grid-column-gap: 50%; - column-gap: 50%; + .md\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .sm\:gap-x-3\/4 { - grid-column-gap: 75%; - column-gap: 75%; + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .sm\:gap-x-1\/5 { - grid-column-gap: 20%; - column-gap: 20%; + .md\:font-hairline { + font-weight: 100; } - .sm\:gap-x-2\/5 { - grid-column-gap: 40%; - column-gap: 40%; + .md\:font-thin { + font-weight: 200; } - .sm\:gap-x-3\/5 { - grid-column-gap: 60%; - column-gap: 60%; + .md\:font-light { + font-weight: 300; } - .sm\:gap-x-4\/5 { - grid-column-gap: 80%; - column-gap: 80%; + .md\:font-normal { + font-weight: 400; } - .sm\:gap-x-1\/6 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .md\:font-medium { + font-weight: 500; } - .sm\:gap-x-2\/6 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .md\:font-semibold { + font-weight: 600; } - .sm\:gap-x-3\/6 { - grid-column-gap: 50%; - column-gap: 50%; + .md\:font-bold { + font-weight: 700; } - .sm\:gap-x-4\/6 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .md\:font-extrabold { + font-weight: 800; } - .sm\:gap-x-5\/6 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .md\:font-black { + font-weight: 900; } - .sm\:gap-x-1\/12 { - grid-column-gap: 8.333333%; - column-gap: 8.333333%; + .md\:hover\:font-hairline:hover { + font-weight: 100; } - .sm\:gap-x-2\/12 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .md\:hover\:font-thin:hover { + font-weight: 200; } - .sm\:gap-x-3\/12 { - grid-column-gap: 25%; - column-gap: 25%; + .md\:hover\:font-light:hover { + font-weight: 300; } - .sm\:gap-x-4\/12 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .md\:hover\:font-normal:hover { + font-weight: 400; } - .sm\:gap-x-5\/12 { - grid-column-gap: 41.666667%; - column-gap: 41.666667%; + .md\:hover\:font-medium:hover { + font-weight: 500; } - .sm\:gap-x-6\/12 { - grid-column-gap: 50%; - column-gap: 50%; + .md\:hover\:font-semibold:hover { + font-weight: 600; } - .sm\:gap-x-7\/12 { - grid-column-gap: 58.333333%; - column-gap: 58.333333%; + .md\:hover\:font-bold:hover { + font-weight: 700; } - .sm\:gap-x-8\/12 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .md\:hover\:font-extrabold:hover { + font-weight: 800; } - .sm\:gap-x-9\/12 { - grid-column-gap: 75%; - column-gap: 75%; + .md\:hover\:font-black:hover { + font-weight: 900; } - .sm\:gap-x-10\/12 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .md\:focus\:font-hairline:focus { + font-weight: 100; } - .sm\:gap-x-11\/12 { - grid-column-gap: 91.666667%; - column-gap: 91.666667%; + .md\:focus\:font-thin:focus { + font-weight: 200; } - .sm\:gap-x-full { - grid-column-gap: 100%; - column-gap: 100%; + .md\:focus\:font-light:focus { + font-weight: 300; } - .sm\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .md\:focus\:font-normal:focus { + font-weight: 400; } - .sm\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:focus\:font-medium:focus { + font-weight: 500; } - .sm\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .md\:focus\:font-semibold:focus { + font-weight: 600; } - .sm\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:focus\:font-bold:focus { + font-weight: 700; } - .sm\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .md\:focus\:font-extrabold:focus { + font-weight: 800; } - .sm\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:focus\:font-black:focus { + font-weight: 900; } - .sm\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .md\:h-0 { + height: 0; } - .sm\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .md\:h-1 { + height: 0.25rem; } - .sm\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .md\:h-2 { + height: 0.5rem; } - .sm\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .md\:h-3 { + height: 0.75rem; } - .sm\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .md\:h-4 { + height: 1rem; } - .sm\:gap-y-11 { - grid-row-gap: 2.75rem; - row-gap: 2.75rem; + .md\:h-5 { + height: 1.25rem; } - .sm\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:h-6 { + height: 1.5rem; } - .sm\:gap-y-13 { - grid-row-gap: 3.25rem; - row-gap: 3.25rem; + .md\:h-7 { + height: 1.75rem; } - .sm\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .md\:h-8 { + height: 2rem; } - .sm\:gap-y-15 { - grid-row-gap: 3.75rem; - row-gap: 3.75rem; + .md\:h-9 { + height: 2.25rem; } - .sm\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:h-10 { + height: 2.5rem; } - .sm\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .md\:h-11 { + height: 2.75rem; } - .sm\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:h-12 { + height: 3rem; } - .sm\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .md\:h-13 { + height: 3.25rem; } - .sm\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:h-14 { + height: 3.5rem; } - .sm\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .md\:h-15 { + height: 3.75rem; } - .sm\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:h-16 { + height: 4rem; } - .sm\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .md\:h-20 { + height: 5rem; } - .sm\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:h-24 { + height: 6rem; } - .sm\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .md\:h-28 { + height: 7rem; } - .sm\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:h-32 { + height: 8rem; } - .sm\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .md\:h-36 { + height: 9rem; } - .sm\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:h-40 { + height: 10rem; } - .sm\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .md\:h-44 { + height: 11rem; } - .sm\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .md\:h-48 { + height: 12rem; } - .sm\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .md\:h-52 { + height: 13rem; } - .sm\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:h-56 { + height: 14rem; } - .sm\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .md\:h-60 { + height: 15rem; } - .sm\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .md\:h-64 { + height: 16rem; } - .sm\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .md\:h-72 { + height: 18rem; } - .sm\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .md\:h-80 { + height: 20rem; } - .sm\:gap-y-1\/2 { - grid-row-gap: 50%; - row-gap: 50%; + .md\:h-96 { + height: 24rem; } - .sm\:gap-y-1\/3 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .md\:h-auto { + height: auto; } - .sm\:gap-y-2\/3 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .md\:h-px { + height: 1px; } - .sm\:gap-y-1\/4 { - grid-row-gap: 25%; - row-gap: 25%; + .md\:h-0\.5 { + height: 0.125rem; } - .sm\:gap-y-2\/4 { - grid-row-gap: 50%; - row-gap: 50%; + .md\:h-1\.5 { + height: 0.375rem; } - .sm\:gap-y-3\/4 { - grid-row-gap: 75%; - row-gap: 75%; + .md\:h-2\.5 { + height: 0.625rem; } - .sm\:gap-y-1\/5 { - grid-row-gap: 20%; - row-gap: 20%; + .md\:h-3\.5 { + height: 0.875rem; } - .sm\:gap-y-2\/5 { - grid-row-gap: 40%; - row-gap: 40%; + .md\:h-1\/2 { + height: 50%; } - .sm\:gap-y-3\/5 { - grid-row-gap: 60%; - row-gap: 60%; + .md\:h-1\/3 { + height: 33.333333%; } - .sm\:gap-y-4\/5 { - grid-row-gap: 80%; - row-gap: 80%; + .md\:h-2\/3 { + height: 66.666667%; } - .sm\:gap-y-1\/6 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .md\:h-1\/4 { + height: 25%; } - .sm\:gap-y-2\/6 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .md\:h-2\/4 { + height: 50%; } - .sm\:gap-y-3\/6 { - grid-row-gap: 50%; - row-gap: 50%; + .md\:h-3\/4 { + height: 75%; } - .sm\:gap-y-4\/6 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .md\:h-1\/5 { + height: 20%; } - .sm\:gap-y-5\/6 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .md\:h-2\/5 { + height: 40%; } - .sm\:gap-y-1\/12 { - grid-row-gap: 8.333333%; - row-gap: 8.333333%; + .md\:h-3\/5 { + height: 60%; } - .sm\:gap-y-2\/12 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .md\:h-4\/5 { + height: 80%; } - .sm\:gap-y-3\/12 { - grid-row-gap: 25%; - row-gap: 25%; + .md\:h-1\/6 { + height: 16.666667%; } - .sm\:gap-y-4\/12 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .md\:h-2\/6 { + height: 33.333333%; } - .sm\:gap-y-5\/12 { - grid-row-gap: 41.666667%; - row-gap: 41.666667%; + .md\:h-3\/6 { + height: 50%; } - .sm\:gap-y-6\/12 { - grid-row-gap: 50%; - row-gap: 50%; + .md\:h-4\/6 { + height: 66.666667%; } - .sm\:gap-y-7\/12 { - grid-row-gap: 58.333333%; - row-gap: 58.333333%; + .md\:h-5\/6 { + height: 83.333333%; } - .sm\:gap-y-8\/12 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .md\:h-1\/12 { + height: 8.333333%; } - .sm\:gap-y-9\/12 { - grid-row-gap: 75%; - row-gap: 75%; + .md\:h-2\/12 { + height: 16.666667%; } - .sm\:gap-y-10\/12 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .md\:h-3\/12 { + height: 25%; } - .sm\:gap-y-11\/12 { - grid-row-gap: 91.666667%; - row-gap: 91.666667%; + .md\:h-4\/12 { + height: 33.333333%; } - .sm\:gap-y-full { - grid-row-gap: 100%; - row-gap: 100%; + .md\:h-5\/12 { + height: 41.666667%; } - .sm\:grid-flow-row { - grid-auto-flow: row; + .md\:h-6\/12 { + height: 50%; } - .sm\:grid-flow-col { - grid-auto-flow: column; + .md\:h-7\/12 { + height: 58.333333%; } - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; + .md\:h-8\/12 { + height: 66.666667%; } - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:h-9\/12 { + height: 75%; } - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .md\:h-10\/12 { + height: 83.333333%; } - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:h-11\/12 { + height: 91.666667%; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .md\:h-full { + height: 100%; } - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:h-screen { + height: 100vh; } - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .sm\:grid-cols-none { - grid-template-columns: none; + .md\:text-5xl { + font-size: 3rem; + line-height: 1; } - .sm\:col-auto { - grid-column: auto; + .md\:text-6xl { + font-size: 4rem; + line-height: 1; } - .sm\:col-span-1 { - grid-column: span 1 / span 1; + .md\:text-7xl { + font-size: 5rem; + line-height: 1; } - .sm\:col-span-2 { - grid-column: span 2 / span 2; + .md\:text-8xl { + font-size: 6rem; + line-height: 1; + } + + .md\:text-9xl { + font-size: 8rem; + line-height: 1; } - .sm\:col-span-3 { - grid-column: span 3 / span 3; + .md\:leading-3 { + line-height: .75rem; } - .sm\:col-span-4 { - grid-column: span 4 / span 4; + .md\:leading-4 { + line-height: 1rem; } - .sm\:col-span-5 { - grid-column: span 5 / span 5; + .md\:leading-5 { + line-height: 1.25rem; } - .sm\:col-span-6 { - grid-column: span 6 / span 6; + .md\:leading-6 { + line-height: 1.5rem; } - .sm\:col-span-7 { - grid-column: span 7 / span 7; + .md\:leading-7 { + line-height: 1.75rem; } - .sm\:col-span-8 { - grid-column: span 8 / span 8; + .md\:leading-8 { + line-height: 2rem; } - .sm\:col-span-9 { - grid-column: span 9 / span 9; + .md\:leading-9 { + line-height: 2.25rem; } - .sm\:col-span-10 { - grid-column: span 10 / span 10; + .md\:leading-10 { + line-height: 2.5rem; } - .sm\:col-span-11 { - grid-column: span 11 / span 11; + .md\:leading-none { + line-height: 1; } - .sm\:col-span-12 { - grid-column: span 12 / span 12; + .md\:leading-tight { + line-height: 1.25; } - .sm\:col-start-1 { - grid-column-start: 1; + .md\:leading-snug { + line-height: 1.375; } - .sm\:col-start-2 { - grid-column-start: 2; + .md\:leading-normal { + line-height: 1.5; } - .sm\:col-start-3 { - grid-column-start: 3; + .md\:leading-relaxed { + line-height: 1.625; } - .sm\:col-start-4 { - grid-column-start: 4; + .md\:leading-loose { + line-height: 2; } - .sm\:col-start-5 { - grid-column-start: 5; + .md\:list-inside { + list-style-position: inside; } - .sm\:col-start-6 { - grid-column-start: 6; + .md\:list-outside { + list-style-position: outside; } - .sm\:col-start-7 { - grid-column-start: 7; + .md\:list-none { + list-style-type: none; } - .sm\:col-start-8 { - grid-column-start: 8; + .md\:list-disc { + list-style-type: disc; } - .sm\:col-start-9 { - grid-column-start: 9; + .md\:list-decimal { + list-style-type: decimal; } - .sm\:col-start-10 { - grid-column-start: 10; + .md\:m-0 { + margin: 0; } - .sm\:col-start-11 { - grid-column-start: 11; + .md\:m-1 { + margin: 0.25rem; } - .sm\:col-start-12 { - grid-column-start: 12; + .md\:m-2 { + margin: 0.5rem; } - .sm\:col-start-13 { - grid-column-start: 13; + .md\:m-3 { + margin: 0.75rem; } - .sm\:col-start-auto { - grid-column-start: auto; + .md\:m-4 { + margin: 1rem; } - .sm\:col-end-1 { - grid-column-end: 1; + .md\:m-5 { + margin: 1.25rem; } - .sm\:col-end-2 { - grid-column-end: 2; + .md\:m-6 { + margin: 1.5rem; } - .sm\:col-end-3 { - grid-column-end: 3; + .md\:m-7 { + margin: 1.75rem; } - .sm\:col-end-4 { - grid-column-end: 4; + .md\:m-8 { + margin: 2rem; } - .sm\:col-end-5 { - grid-column-end: 5; + .md\:m-9 { + margin: 2.25rem; } - .sm\:col-end-6 { - grid-column-end: 6; + .md\:m-10 { + margin: 2.5rem; } - .sm\:col-end-7 { - grid-column-end: 7; + .md\:m-11 { + margin: 2.75rem; } - .sm\:col-end-8 { - grid-column-end: 8; + .md\:m-12 { + margin: 3rem; } - .sm\:col-end-9 { - grid-column-end: 9; + .md\:m-13 { + margin: 3.25rem; } - .sm\:col-end-10 { - grid-column-end: 10; + .md\:m-14 { + margin: 3.5rem; } - .sm\:col-end-11 { - grid-column-end: 11; + .md\:m-15 { + margin: 3.75rem; } - .sm\:col-end-12 { - grid-column-end: 12; + .md\:m-16 { + margin: 4rem; } - .sm\:col-end-13 { - grid-column-end: 13; + .md\:m-20 { + margin: 5rem; } - .sm\:col-end-auto { - grid-column-end: auto; + .md\:m-24 { + margin: 6rem; } - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:m-28 { + margin: 7rem; } - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .md\:m-32 { + margin: 8rem; } - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:m-36 { + margin: 9rem; } - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .md\:m-40 { + margin: 10rem; } - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:m-44 { + margin: 11rem; } - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .md\:m-48 { + margin: 12rem; } - .sm\:grid-rows-none { - grid-template-rows: none; + .md\:m-52 { + margin: 13rem; } - .sm\:row-auto { - grid-row: auto; + .md\:m-56 { + margin: 14rem; } - .sm\:row-span-1 { - grid-row: span 1 / span 1; + .md\:m-60 { + margin: 15rem; } - .sm\:row-span-2 { - grid-row: span 2 / span 2; + .md\:m-64 { + margin: 16rem; } - .sm\:row-span-3 { - grid-row: span 3 / span 3; + .md\:m-72 { + margin: 18rem; } - .sm\:row-span-4 { - grid-row: span 4 / span 4; + .md\:m-80 { + margin: 20rem; } - .sm\:row-span-5 { - grid-row: span 5 / span 5; + .md\:m-96 { + margin: 24rem; } - .sm\:row-span-6 { - grid-row: span 6 / span 6; + .md\:m-auto { + margin: auto; } - .sm\:row-start-1 { - grid-row-start: 1; + .md\:m-px { + margin: 1px; } - .sm\:row-start-2 { - grid-row-start: 2; + .md\:m-0\.5 { + margin: 0.125rem; } - .sm\:row-start-3 { - grid-row-start: 3; + .md\:m-1\.5 { + margin: 0.375rem; } - .sm\:row-start-4 { - grid-row-start: 4; + .md\:m-2\.5 { + margin: 0.625rem; } - .sm\:row-start-5 { - grid-row-start: 5; + .md\:m-3\.5 { + margin: 0.875rem; } - .sm\:row-start-6 { - grid-row-start: 6; + .md\:m-1\/2 { + margin: 50%; } - .sm\:row-start-7 { - grid-row-start: 7; + .md\:m-1\/3 { + margin: 33.333333%; } - .sm\:row-start-auto { - grid-row-start: auto; + .md\:m-2\/3 { + margin: 66.666667%; } - .sm\:row-end-1 { - grid-row-end: 1; + .md\:m-1\/4 { + margin: 25%; } - .sm\:row-end-2 { - grid-row-end: 2; + .md\:m-2\/4 { + margin: 50%; } - .sm\:row-end-3 { - grid-row-end: 3; + .md\:m-3\/4 { + margin: 75%; } - .sm\:row-end-4 { - grid-row-end: 4; + .md\:m-1\/5 { + margin: 20%; } - .sm\:row-end-5 { - grid-row-end: 5; + .md\:m-2\/5 { + margin: 40%; } - .sm\:row-end-6 { - grid-row-end: 6; + .md\:m-3\/5 { + margin: 60%; } - .sm\:row-end-7 { - grid-row-end: 7; + .md\:m-4\/5 { + margin: 80%; } - .sm\:row-end-auto { - grid-row-end: auto; + .md\:m-1\/6 { + margin: 16.666667%; } - .sm\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .md\:m-2\/6 { + margin: 33.333333%; } - .sm\:transform-none { - transform: none; + .md\:m-3\/6 { + margin: 50%; } - .sm\:origin-center { - transform-origin: center; + .md\:m-4\/6 { + margin: 66.666667%; } - .sm\:origin-top { - transform-origin: top; + .md\:m-5\/6 { + margin: 83.333333%; } - .sm\:origin-top-right { - transform-origin: top right; + .md\:m-1\/12 { + margin: 8.333333%; } - .sm\:origin-right { - transform-origin: right; + .md\:m-2\/12 { + margin: 16.666667%; } - .sm\:origin-bottom-right { - transform-origin: bottom right; + .md\:m-3\/12 { + margin: 25%; } - .sm\:origin-bottom { - transform-origin: bottom; + .md\:m-4\/12 { + margin: 33.333333%; } - .sm\:origin-bottom-left { - transform-origin: bottom left; + .md\:m-5\/12 { + margin: 41.666667%; } - .sm\:origin-left { - transform-origin: left; + .md\:m-6\/12 { + margin: 50%; } - .sm\:origin-top-left { - transform-origin: top left; + .md\:m-7\/12 { + margin: 58.333333%; } - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:m-8\/12 { + margin: 66.666667%; } - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:m-9\/12 { + margin: 75%; } - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:m-10\/12 { + margin: 83.333333%; } - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:m-11\/12 { + margin: 91.666667%; } - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:m-full { + margin: 100%; } - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:-m-1 { + margin: -0.25rem; } - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:-m-2 { + margin: -0.5rem; } - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:-m-3 { + margin: -0.75rem; } - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:-m-4 { + margin: -1rem; } - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:-m-5 { + margin: -1.25rem; } - .sm\:scale-x-0 { - --transform-scale-x: 0; + .md\:-m-6 { + margin: -1.5rem; } - .sm\:scale-x-50 { - --transform-scale-x: .5; + .md\:-m-7 { + margin: -1.75rem; } - .sm\:scale-x-75 { - --transform-scale-x: .75; + .md\:-m-8 { + margin: -2rem; } - .sm\:scale-x-90 { - --transform-scale-x: .9; + .md\:-m-9 { + margin: -2.25rem; } - .sm\:scale-x-95 { - --transform-scale-x: .95; + .md\:-m-10 { + margin: -2.5rem; } - .sm\:scale-x-100 { - --transform-scale-x: 1; + .md\:-m-11 { + margin: -2.75rem; } - .sm\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:-m-12 { + margin: -3rem; } - .sm\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:-m-13 { + margin: -3.25rem; } - .sm\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:-m-14 { + margin: -3.5rem; } - .sm\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:-m-15 { + margin: -3.75rem; } - .sm\:scale-y-0 { - --transform-scale-y: 0; + .md\:-m-16 { + margin: -4rem; } - .sm\:scale-y-50 { - --transform-scale-y: .5; + .md\:-m-20 { + margin: -5rem; } - .sm\:scale-y-75 { - --transform-scale-y: .75; + .md\:-m-24 { + margin: -6rem; } - .sm\:scale-y-90 { - --transform-scale-y: .9; + .md\:-m-28 { + margin: -7rem; } - .sm\:scale-y-95 { - --transform-scale-y: .95; + .md\:-m-32 { + margin: -8rem; } - .sm\:scale-y-100 { - --transform-scale-y: 1; + .md\:-m-36 { + margin: -9rem; } - .sm\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:-m-40 { + margin: -10rem; } - .sm\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:-m-44 { + margin: -11rem; } - .sm\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:-m-48 { + margin: -12rem; } - .sm\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:-m-52 { + margin: -13rem; } - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:-m-56 { + margin: -14rem; } - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:-m-60 { + margin: -15rem; } - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:-m-64 { + margin: -16rem; } - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:-m-72 { + margin: -18rem; } - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:-m-80 { + margin: -20rem; } - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:-m-96 { + margin: -24rem; } - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:-m-px { + margin: -1px; } - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:-m-0\.5 { + margin: -0.125rem; } - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:-m-1\.5 { + margin: -0.375rem; } - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:-m-2\.5 { + margin: -0.625rem; } - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:-m-3\.5 { + margin: -0.875rem; } - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:-m-1\/2 { + margin: -50%; } - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:-m-1\/3 { + margin: -33.33333%; } - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:-m-2\/3 { + margin: -66.66667%; } - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:-m-1\/4 { + margin: -25%; } - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:-m-2\/4 { + margin: -50%; } - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:-m-3\/4 { + margin: -75%; } - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:-m-1\/5 { + margin: -20%; } - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:-m-2\/5 { + margin: -40%; } - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:-m-3\/5 { + margin: -60%; } - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:-m-4\/5 { + margin: -80%; } - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:-m-1\/6 { + margin: -16.66667%; } - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:-m-2\/6 { + margin: -33.33333%; } - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:-m-3\/6 { + margin: -50%; } - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:-m-4\/6 { + margin: -66.66667%; } - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:-m-5\/6 { + margin: -83.33333%; } - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:-m-1\/12 { + margin: -8.33333%; } - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:-m-2\/12 { + margin: -16.66667%; } - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:-m-3\/12 { + margin: -25%; } - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:-m-4\/12 { + margin: -33.33333%; } - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:-m-5\/12 { + margin: -41.66667%; } - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:-m-6\/12 { + margin: -50%; } - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:-m-7\/12 { + margin: -58.33333%; } - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:-m-8\/12 { + margin: -66.66667%; } - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:-m-9\/12 { + margin: -75%; } - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:-m-10\/12 { + margin: -83.33333%; } - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:-m-11\/12 { + margin: -91.66667%; } - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:-m-full { + margin: -100%; } - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .md\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .sm\:rotate-0 { - --transform-rotate: 0; + .md\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } - .sm\:rotate-45 { - --transform-rotate: 45deg; + .md\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } - .sm\:rotate-90 { - --transform-rotate: 90deg; + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .sm\:rotate-180 { - --transform-rotate: 180deg; + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .sm\:-rotate-180 { - --transform-rotate: -180deg; + .md\:my-13 { + margin-top: 3.25rem; + margin-bottom: 3.25rem; } - .sm\:-rotate-90 { - --transform-rotate: -90deg; + .md\:mx-13 { + margin-left: 3.25rem; + margin-right: 3.25rem; } - .sm\:-rotate-45 { - --transform-rotate: -45deg; + .md\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .md\:my-15 { + margin-top: 3.75rem; + margin-bottom: 3.75rem; } - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:mx-15 { + margin-left: 3.75rem; + margin-right: 3.75rem; } - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .sm\:translate-x-0 { - --transform-translate-x: 0; + .md\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem; + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem; + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem; + .md\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .sm\:translate-x-4 { - --transform-translate-x: 1rem; + .md\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem; + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem; + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .sm\:translate-x-7 { - --transform-translate-x: 1.75rem; + .md\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .sm\:translate-x-8 { - --transform-translate-x: 2rem; + .md\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .sm\:translate-x-9 { - --transform-translate-x: 2.25rem; + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem; + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .sm\:translate-x-11 { - --transform-translate-x: 2.75rem; + .md\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .sm\:translate-x-12 { - --transform-translate-x: 3rem; + .md\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .sm\:translate-x-13 { - --transform-translate-x: 3.25rem; + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .sm\:translate-x-14 { - --transform-translate-x: 3.5rem; + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .sm\:translate-x-15 { - --transform-translate-x: 3.75rem; + .md\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .sm\:translate-x-16 { - --transform-translate-x: 4rem; + .md\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .sm\:translate-x-20 { - --transform-translate-x: 5rem; + .md\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .sm\:translate-x-24 { - --transform-translate-x: 6rem; + .md\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .sm\:translate-x-28 { - --transform-translate-x: 7rem; + .md\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .sm\:translate-x-32 { - --transform-translate-x: 8rem; + .md\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .sm\:translate-x-36 { - --transform-translate-x: 9rem; + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .sm\:translate-x-40 { - --transform-translate-x: 10rem; + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .sm\:translate-x-44 { - --transform-translate-x: 11rem; + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .sm\:translate-x-48 { - --transform-translate-x: 12rem; + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .sm\:translate-x-52 { - --transform-translate-x: 13rem; + .md\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .sm\:translate-x-56 { - --transform-translate-x: 14rem; + .md\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .sm\:translate-x-60 { - --transform-translate-x: 15rem; + .md\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .sm\:translate-x-64 { - --transform-translate-x: 16rem; + .md\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .sm\:translate-x-72 { - --transform-translate-x: 18rem; + .md\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .sm\:translate-x-80 { - --transform-translate-x: 20rem; + .md\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .sm\:translate-x-96 { - --transform-translate-x: 24rem; + .md\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .sm\:translate-x-px { - --transform-translate-x: 1px; + .md\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .sm\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .md\:my-1\/2 { + margin-top: 50%; + margin-bottom: 50%; } - .sm\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .md\:mx-1\/2 { + margin-left: 50%; + margin-right: 50%; } - .sm\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .md\:my-1\/3 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .sm\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .md\:mx-1\/3 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .sm\:translate-x-1\/2 { - --transform-translate-x: 50%; + .md\:my-2\/3 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .sm\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .md\:mx-2\/3 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .sm\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .md\:my-1\/4 { + margin-top: 25%; + margin-bottom: 25%; } - .sm\:translate-x-1\/4 { - --transform-translate-x: 25%; + .md\:mx-1\/4 { + margin-left: 25%; + margin-right: 25%; } - .sm\:translate-x-2\/4 { - --transform-translate-x: 50%; + .md\:my-2\/4 { + margin-top: 50%; + margin-bottom: 50%; } - .sm\:translate-x-3\/4 { - --transform-translate-x: 75%; + .md\:mx-2\/4 { + margin-left: 50%; + margin-right: 50%; } - .sm\:translate-x-1\/5 { - --transform-translate-x: 20%; + .md\:my-3\/4 { + margin-top: 75%; + margin-bottom: 75%; } - .sm\:translate-x-2\/5 { - --transform-translate-x: 40%; + .md\:mx-3\/4 { + margin-left: 75%; + margin-right: 75%; } - .sm\:translate-x-3\/5 { - --transform-translate-x: 60%; + .md\:my-1\/5 { + margin-top: 20%; + margin-bottom: 20%; } - .sm\:translate-x-4\/5 { - --transform-translate-x: 80%; + .md\:mx-1\/5 { + margin-left: 20%; + margin-right: 20%; } - .sm\:translate-x-1\/6 { - --transform-translate-x: 16.666667%; + .md\:my-2\/5 { + margin-top: 40%; + margin-bottom: 40%; } - .sm\:translate-x-2\/6 { - --transform-translate-x: 33.333333%; + .md\:mx-2\/5 { + margin-left: 40%; + margin-right: 40%; } - .sm\:translate-x-3\/6 { - --transform-translate-x: 50%; + .md\:my-3\/5 { + margin-top: 60%; + margin-bottom: 60%; } - .sm\:translate-x-4\/6 { - --transform-translate-x: 66.666667%; + .md\:mx-3\/5 { + margin-left: 60%; + margin-right: 60%; } - .sm\:translate-x-5\/6 { - --transform-translate-x: 83.333333%; + .md\:my-4\/5 { + margin-top: 80%; + margin-bottom: 80%; } - .sm\:translate-x-1\/12 { - --transform-translate-x: 8.333333%; + .md\:mx-4\/5 { + margin-left: 80%; + margin-right: 80%; } - .sm\:translate-x-2\/12 { - --transform-translate-x: 16.666667%; + .md\:my-1\/6 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } - .sm\:translate-x-3\/12 { - --transform-translate-x: 25%; + .md\:mx-1\/6 { + margin-left: 16.666667%; + margin-right: 16.666667%; } - .sm\:translate-x-4\/12 { - --transform-translate-x: 33.333333%; + .md\:my-2\/6 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .sm\:translate-x-5\/12 { - --transform-translate-x: 41.666667%; + .md\:mx-2\/6 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .sm\:translate-x-6\/12 { - --transform-translate-x: 50%; + .md\:my-3\/6 { + margin-top: 50%; + margin-bottom: 50%; } - .sm\:translate-x-7\/12 { - --transform-translate-x: 58.333333%; + .md\:mx-3\/6 { + margin-left: 50%; + margin-right: 50%; } - .sm\:translate-x-8\/12 { - --transform-translate-x: 66.666667%; + .md\:my-4\/6 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .sm\:translate-x-9\/12 { - --transform-translate-x: 75%; + .md\:mx-4\/6 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .sm\:translate-x-10\/12 { - --transform-translate-x: 83.333333%; + .md\:my-5\/6 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } - .sm\:translate-x-11\/12 { - --transform-translate-x: 91.666667%; + .md\:mx-5\/6 { + margin-left: 83.333333%; + margin-right: 83.333333%; } - .sm\:translate-x-full { - --transform-translate-x: 100%; + .md\:my-1\/12 { + margin-top: 8.333333%; + margin-bottom: 8.333333%; } - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .md\:mx-1\/12 { + margin-left: 8.333333%; + margin-right: 8.333333%; } - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .md\:my-2\/12 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .md\:mx-2\/12 { + margin-left: 16.666667%; + margin-right: 16.666667%; } - .sm\:-translate-x-4 { - --transform-translate-x: -1rem; + .md\:my-3\/12 { + margin-top: 25%; + margin-bottom: 25%; } - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .md\:mx-3\/12 { + margin-left: 25%; + margin-right: 25%; } - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .md\:my-4\/12 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .sm\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .md\:mx-4\/12 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .sm\:-translate-x-8 { - --transform-translate-x: -2rem; + .md\:my-5\/12 { + margin-top: 41.666667%; + margin-bottom: 41.666667%; } - .sm\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .md\:mx-5\/12 { + margin-left: 41.666667%; + margin-right: 41.666667%; } - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .md\:my-6\/12 { + margin-top: 50%; + margin-bottom: 50%; } - .sm\:-translate-x-11 { - --transform-translate-x: -2.75rem; + .md\:mx-6\/12 { + margin-left: 50%; + margin-right: 50%; } - .sm\:-translate-x-12 { - --transform-translate-x: -3rem; + .md\:my-7\/12 { + margin-top: 58.333333%; + margin-bottom: 58.333333%; } - .sm\:-translate-x-13 { - --transform-translate-x: -3.25rem; + .md\:mx-7\/12 { + margin-left: 58.333333%; + margin-right: 58.333333%; } - .sm\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .md\:my-8\/12 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .sm\:-translate-x-15 { - --transform-translate-x: -3.75rem; + .md\:mx-8\/12 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .sm\:-translate-x-16 { - --transform-translate-x: -4rem; + .md\:my-9\/12 { + margin-top: 75%; + margin-bottom: 75%; } - .sm\:-translate-x-20 { - --transform-translate-x: -5rem; + .md\:mx-9\/12 { + margin-left: 75%; + margin-right: 75%; } - .sm\:-translate-x-24 { - --transform-translate-x: -6rem; + .md\:my-10\/12 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } - .sm\:-translate-x-28 { - --transform-translate-x: -7rem; + .md\:mx-10\/12 { + margin-left: 83.333333%; + margin-right: 83.333333%; } - .sm\:-translate-x-32 { - --transform-translate-x: -8rem; + .md\:my-11\/12 { + margin-top: 91.666667%; + margin-bottom: 91.666667%; } - .sm\:-translate-x-36 { - --transform-translate-x: -9rem; + .md\:mx-11\/12 { + margin-left: 91.666667%; + margin-right: 91.666667%; } - .sm\:-translate-x-40 { - --transform-translate-x: -10rem; + .md\:my-full { + margin-top: 100%; + margin-bottom: 100%; } - .sm\:-translate-x-44 { - --transform-translate-x: -11rem; + .md\:mx-full { + margin-left: 100%; + margin-right: 100%; } - .sm\:-translate-x-48 { - --transform-translate-x: -12rem; + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .sm\:-translate-x-52 { - --transform-translate-x: -13rem; + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .sm\:-translate-x-56 { - --transform-translate-x: -14rem; + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .sm\:-translate-x-60 { - --transform-translate-x: -15rem; + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .sm\:-translate-x-64 { - --transform-translate-x: -16rem; + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .sm\:-translate-x-72 { - --transform-translate-x: -18rem; + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .sm\:-translate-x-80 { - --transform-translate-x: -20rem; + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .sm\:-translate-x-96 { - --transform-translate-x: -24rem; + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .sm\:-translate-x-px { - --transform-translate-x: -1px; + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .sm\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .sm\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .sm\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .sm\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .md\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .md\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .sm\:-translate-x-1\/3 { - --transform-translate-x: -33.33333%; + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .sm\:-translate-x-2\/3 { - --transform-translate-x: -66.66667%; + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .sm\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .md\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .sm\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .md\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .sm\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .sm\:-translate-x-1\/5 { - --transform-translate-x: -20%; + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .sm\:-translate-x-2\/5 { - --transform-translate-x: -40%; + .md\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } - .sm\:-translate-x-3\/5 { - --transform-translate-x: -60%; + .md\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } - .sm\:-translate-x-4\/5 { - --transform-translate-x: -80%; + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .sm\:-translate-x-1\/6 { - --transform-translate-x: -16.66667%; + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .sm\:-translate-x-2\/6 { - --transform-translate-x: -33.33333%; + .md\:-my-13 { + margin-top: -3.25rem; + margin-bottom: -3.25rem; } - .sm\:-translate-x-3\/6 { - --transform-translate-x: -50%; + .md\:-mx-13 { + margin-left: -3.25rem; + margin-right: -3.25rem; } - .sm\:-translate-x-4\/6 { - --transform-translate-x: -66.66667%; + .md\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .sm\:-translate-x-5\/6 { - --transform-translate-x: -83.33333%; + .md\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .sm\:-translate-x-1\/12 { - --transform-translate-x: -8.33333%; + .md\:-my-15 { + margin-top: -3.75rem; + margin-bottom: -3.75rem; } - .sm\:-translate-x-2\/12 { - --transform-translate-x: -16.66667%; + .md\:-mx-15 { + margin-left: -3.75rem; + margin-right: -3.75rem; } - .sm\:-translate-x-3\/12 { - --transform-translate-x: -25%; + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .sm\:-translate-x-4\/12 { - --transform-translate-x: -33.33333%; + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .sm\:-translate-x-5\/12 { - --transform-translate-x: -41.66667%; + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .sm\:-translate-x-6\/12 { - --transform-translate-x: -50%; + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .sm\:-translate-x-7\/12 { - --transform-translate-x: -58.33333%; + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .sm\:-translate-x-8\/12 { - --transform-translate-x: -66.66667%; + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .sm\:-translate-x-9\/12 { - --transform-translate-x: -75%; + .md\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .sm\:-translate-x-10\/12 { - --transform-translate-x: -83.33333%; + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .sm\:-translate-x-11\/12 { - --transform-translate-x: -91.66667%; + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .sm\:-translate-x-full { - --transform-translate-x: -100%; + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .sm\:translate-y-0 { - --transform-translate-y: 0; + .md\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem; + .md\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem; + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem; + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .sm\:translate-y-4 { - --transform-translate-y: 1rem; + .md\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem; + .md\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem; + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .sm\:translate-y-7 { - --transform-translate-y: 1.75rem; + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .sm\:translate-y-8 { - --transform-translate-y: 2rem; + .md\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .sm\:translate-y-9 { - --transform-translate-y: 2.25rem; + .md\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem; + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .sm\:translate-y-11 { - --transform-translate-y: 2.75rem; + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .sm\:translate-y-12 { - --transform-translate-y: 3rem; + .md\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .sm\:translate-y-13 { - --transform-translate-y: 3.25rem; + .md\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .sm\:translate-y-14 { - --transform-translate-y: 3.5rem; + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .sm\:translate-y-15 { - --transform-translate-y: 3.75rem; + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .sm\:translate-y-16 { - --transform-translate-y: 4rem; + .md\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .sm\:translate-y-20 { - --transform-translate-y: 5rem; + .md\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .sm\:translate-y-24 { - --transform-translate-y: 6rem; + .md\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .sm\:translate-y-28 { - --transform-translate-y: 7rem; + .md\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .sm\:translate-y-32 { - --transform-translate-y: 8rem; + .md\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .sm\:translate-y-36 { - --transform-translate-y: 9rem; + .md\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .sm\:translate-y-40 { - --transform-translate-y: 10rem; + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .sm\:translate-y-44 { - --transform-translate-y: 11rem; + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .sm\:translate-y-48 { - --transform-translate-y: 12rem; + .md\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .sm\:translate-y-52 { - --transform-translate-y: 13rem; + .md\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .sm\:translate-y-56 { - --transform-translate-y: 14rem; + .md\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .sm\:translate-y-60 { - --transform-translate-y: 15rem; + .md\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .sm\:translate-y-64 { - --transform-translate-y: 16rem; + .md\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .sm\:translate-y-72 { - --transform-translate-y: 18rem; + .md\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .sm\:translate-y-80 { - --transform-translate-y: 20rem; + .md\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .sm\:translate-y-96 { - --transform-translate-y: 24rem; + .md\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .sm\:translate-y-px { - --transform-translate-y: 1px; + .md\:-my-1\/2 { + margin-top: -50%; + margin-bottom: -50%; } - .sm\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .md\:-mx-1\/2 { + margin-left: -50%; + margin-right: -50%; } - .sm\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .md\:-my-1\/3 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .sm\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .md\:-mx-1\/3 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .sm\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .md\:-my-2\/3 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .sm\:translate-y-1\/2 { - --transform-translate-y: 50%; + .md\:-mx-2\/3 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .sm\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .md\:-my-1\/4 { + margin-top: -25%; + margin-bottom: -25%; } - .sm\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .md\:-mx-1\/4 { + margin-left: -25%; + margin-right: -25%; } - .sm\:translate-y-1\/4 { - --transform-translate-y: 25%; + .md\:-my-2\/4 { + margin-top: -50%; + margin-bottom: -50%; } - .sm\:translate-y-2\/4 { - --transform-translate-y: 50%; + .md\:-mx-2\/4 { + margin-left: -50%; + margin-right: -50%; } - .sm\:translate-y-3\/4 { - --transform-translate-y: 75%; + .md\:-my-3\/4 { + margin-top: -75%; + margin-bottom: -75%; } - .sm\:translate-y-1\/5 { - --transform-translate-y: 20%; + .md\:-mx-3\/4 { + margin-left: -75%; + margin-right: -75%; } - .sm\:translate-y-2\/5 { - --transform-translate-y: 40%; + .md\:-my-1\/5 { + margin-top: -20%; + margin-bottom: -20%; } - .sm\:translate-y-3\/5 { - --transform-translate-y: 60%; + .md\:-mx-1\/5 { + margin-left: -20%; + margin-right: -20%; } - .sm\:translate-y-4\/5 { - --transform-translate-y: 80%; + .md\:-my-2\/5 { + margin-top: -40%; + margin-bottom: -40%; } - .sm\:translate-y-1\/6 { - --transform-translate-y: 16.666667%; + .md\:-mx-2\/5 { + margin-left: -40%; + margin-right: -40%; } - .sm\:translate-y-2\/6 { - --transform-translate-y: 33.333333%; + .md\:-my-3\/5 { + margin-top: -60%; + margin-bottom: -60%; } - .sm\:translate-y-3\/6 { - --transform-translate-y: 50%; + .md\:-mx-3\/5 { + margin-left: -60%; + margin-right: -60%; } - .sm\:translate-y-4\/6 { - --transform-translate-y: 66.666667%; + .md\:-my-4\/5 { + margin-top: -80%; + margin-bottom: -80%; } - .sm\:translate-y-5\/6 { - --transform-translate-y: 83.333333%; + .md\:-mx-4\/5 { + margin-left: -80%; + margin-right: -80%; } - .sm\:translate-y-1\/12 { - --transform-translate-y: 8.333333%; + .md\:-my-1\/6 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } - .sm\:translate-y-2\/12 { - --transform-translate-y: 16.666667%; + .md\:-mx-1\/6 { + margin-left: -16.66667%; + margin-right: -16.66667%; } - .sm\:translate-y-3\/12 { - --transform-translate-y: 25%; + .md\:-my-2\/6 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .sm\:translate-y-4\/12 { - --transform-translate-y: 33.333333%; + .md\:-mx-2\/6 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .sm\:translate-y-5\/12 { - --transform-translate-y: 41.666667%; + .md\:-my-3\/6 { + margin-top: -50%; + margin-bottom: -50%; } - .sm\:translate-y-6\/12 { - --transform-translate-y: 50%; + .md\:-mx-3\/6 { + margin-left: -50%; + margin-right: -50%; } - .sm\:translate-y-7\/12 { - --transform-translate-y: 58.333333%; + .md\:-my-4\/6 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .sm\:translate-y-8\/12 { - --transform-translate-y: 66.666667%; + .md\:-mx-4\/6 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .sm\:translate-y-9\/12 { - --transform-translate-y: 75%; + .md\:-my-5\/6 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } - .sm\:translate-y-10\/12 { - --transform-translate-y: 83.333333%; + .md\:-mx-5\/6 { + margin-left: -83.33333%; + margin-right: -83.33333%; } - .sm\:translate-y-11\/12 { - --transform-translate-y: 91.666667%; + .md\:-my-1\/12 { + margin-top: -8.33333%; + margin-bottom: -8.33333%; } - .sm\:translate-y-full { - --transform-translate-y: 100%; + .md\:-mx-1\/12 { + margin-left: -8.33333%; + margin-right: -8.33333%; } - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .md\:-my-2\/12 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .md\:-mx-2\/12 { + margin-left: -16.66667%; + margin-right: -16.66667%; } - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .md\:-my-3\/12 { + margin-top: -25%; + margin-bottom: -25%; } - .sm\:-translate-y-4 { - --transform-translate-y: -1rem; + .md\:-mx-3\/12 { + margin-left: -25%; + margin-right: -25%; } - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .md\:-my-4\/12 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .md\:-mx-4\/12 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .sm\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .md\:-my-5\/12 { + margin-top: -41.66667%; + margin-bottom: -41.66667%; } - .sm\:-translate-y-8 { - --transform-translate-y: -2rem; + .md\:-mx-5\/12 { + margin-left: -41.66667%; + margin-right: -41.66667%; } - .sm\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .md\:-my-6\/12 { + margin-top: -50%; + margin-bottom: -50%; } - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .md\:-mx-6\/12 { + margin-left: -50%; + margin-right: -50%; } - .sm\:-translate-y-11 { - --transform-translate-y: -2.75rem; + .md\:-my-7\/12 { + margin-top: -58.33333%; + margin-bottom: -58.33333%; } - .sm\:-translate-y-12 { - --transform-translate-y: -3rem; + .md\:-mx-7\/12 { + margin-left: -58.33333%; + margin-right: -58.33333%; } - .sm\:-translate-y-13 { - --transform-translate-y: -3.25rem; + .md\:-my-8\/12 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .sm\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .md\:-mx-8\/12 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .sm\:-translate-y-15 { - --transform-translate-y: -3.75rem; + .md\:-my-9\/12 { + margin-top: -75%; + margin-bottom: -75%; } - .sm\:-translate-y-16 { - --transform-translate-y: -4rem; + .md\:-mx-9\/12 { + margin-left: -75%; + margin-right: -75%; } - .sm\:-translate-y-20 { - --transform-translate-y: -5rem; + .md\:-my-10\/12 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } - .sm\:-translate-y-24 { - --transform-translate-y: -6rem; + .md\:-mx-10\/12 { + margin-left: -83.33333%; + margin-right: -83.33333%; } - .sm\:-translate-y-28 { - --transform-translate-y: -7rem; + .md\:-my-11\/12 { + margin-top: -91.66667%; + margin-bottom: -91.66667%; } - .sm\:-translate-y-32 { - --transform-translate-y: -8rem; + .md\:-mx-11\/12 { + margin-left: -91.66667%; + margin-right: -91.66667%; } - .sm\:-translate-y-36 { - --transform-translate-y: -9rem; + .md\:-my-full { + margin-top: -100%; + margin-bottom: -100%; } - .sm\:-translate-y-40 { - --transform-translate-y: -10rem; + .md\:-mx-full { + margin-left: -100%; + margin-right: -100%; } - .sm\:-translate-y-44 { - --transform-translate-y: -11rem; + .md\:mt-0 { + margin-top: 0; } - .sm\:-translate-y-48 { - --transform-translate-y: -12rem; + .md\:mr-0 { + margin-right: 0; } - .sm\:-translate-y-52 { - --transform-translate-y: -13rem; + .md\:mb-0 { + margin-bottom: 0; } - .sm\:-translate-y-56 { - --transform-translate-y: -14rem; + .md\:ml-0 { + margin-left: 0; } - .sm\:-translate-y-60 { - --transform-translate-y: -15rem; + .md\:mt-1 { + margin-top: 0.25rem; } - .sm\:-translate-y-64 { - --transform-translate-y: -16rem; + .md\:mr-1 { + margin-right: 0.25rem; } - .sm\:-translate-y-72 { - --transform-translate-y: -18rem; + .md\:mb-1 { + margin-bottom: 0.25rem; } - .sm\:-translate-y-80 { - --transform-translate-y: -20rem; + .md\:ml-1 { + margin-left: 0.25rem; } - .sm\:-translate-y-96 { - --transform-translate-y: -24rem; + .md\:mt-2 { + margin-top: 0.5rem; } - .sm\:-translate-y-px { - --transform-translate-y: -1px; + .md\:mr-2 { + margin-right: 0.5rem; } - .sm\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .md\:mb-2 { + margin-bottom: 0.5rem; } - .sm\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .md\:ml-2 { + margin-left: 0.5rem; } - .sm\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .md\:mt-3 { + margin-top: 0.75rem; } - .sm\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .md\:mr-3 { + margin-right: 0.75rem; } - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .md\:mb-3 { + margin-bottom: 0.75rem; } - .sm\:-translate-y-1\/3 { - --transform-translate-y: -33.33333%; + .md\:ml-3 { + margin-left: 0.75rem; } - .sm\:-translate-y-2\/3 { - --transform-translate-y: -66.66667%; + .md\:mt-4 { + margin-top: 1rem; } - .sm\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .md\:mr-4 { + margin-right: 1rem; } - .sm\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .md\:mb-4 { + margin-bottom: 1rem; } - .sm\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .md\:ml-4 { + margin-left: 1rem; } - .sm\:-translate-y-1\/5 { - --transform-translate-y: -20%; + .md\:mt-5 { + margin-top: 1.25rem; } - .sm\:-translate-y-2\/5 { - --transform-translate-y: -40%; + .md\:mr-5 { + margin-right: 1.25rem; } - .sm\:-translate-y-3\/5 { - --transform-translate-y: -60%; + .md\:mb-5 { + margin-bottom: 1.25rem; } - .sm\:-translate-y-4\/5 { - --transform-translate-y: -80%; + .md\:ml-5 { + margin-left: 1.25rem; } - .sm\:-translate-y-1\/6 { - --transform-translate-y: -16.66667%; + .md\:mt-6 { + margin-top: 1.5rem; } - .sm\:-translate-y-2\/6 { - --transform-translate-y: -33.33333%; + .md\:mr-6 { + margin-right: 1.5rem; } - .sm\:-translate-y-3\/6 { - --transform-translate-y: -50%; + .md\:mb-6 { + margin-bottom: 1.5rem; } - .sm\:-translate-y-4\/6 { - --transform-translate-y: -66.66667%; + .md\:ml-6 { + margin-left: 1.5rem; } - .sm\:-translate-y-5\/6 { - --transform-translate-y: -83.33333%; + .md\:mt-7 { + margin-top: 1.75rem; } - .sm\:-translate-y-1\/12 { - --transform-translate-y: -8.33333%; + .md\:mr-7 { + margin-right: 1.75rem; } - .sm\:-translate-y-2\/12 { - --transform-translate-y: -16.66667%; + .md\:mb-7 { + margin-bottom: 1.75rem; } - .sm\:-translate-y-3\/12 { - --transform-translate-y: -25%; + .md\:ml-7 { + margin-left: 1.75rem; } - .sm\:-translate-y-4\/12 { - --transform-translate-y: -33.33333%; + .md\:mt-8 { + margin-top: 2rem; } - .sm\:-translate-y-5\/12 { - --transform-translate-y: -41.66667%; + .md\:mr-8 { + margin-right: 2rem; } - .sm\:-translate-y-6\/12 { - --transform-translate-y: -50%; + .md\:mb-8 { + margin-bottom: 2rem; } - .sm\:-translate-y-7\/12 { - --transform-translate-y: -58.33333%; + .md\:ml-8 { + margin-left: 2rem; } - .sm\:-translate-y-8\/12 { - --transform-translate-y: -66.66667%; + .md\:mt-9 { + margin-top: 2.25rem; } - .sm\:-translate-y-9\/12 { - --transform-translate-y: -75%; + .md\:mr-9 { + margin-right: 2.25rem; } - .sm\:-translate-y-10\/12 { - --transform-translate-y: -83.33333%; + .md\:mb-9 { + margin-bottom: 2.25rem; } - .sm\:-translate-y-11\/12 { - --transform-translate-y: -91.66667%; + .md\:ml-9 { + margin-left: 2.25rem; } - .sm\:-translate-y-full { - --transform-translate-y: -100%; + .md\:mt-10 { + margin-top: 2.5rem; } - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:mr-10 { + margin-right: 2.5rem; } - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:mb-10 { + margin-bottom: 2.5rem; } - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:ml-10 { + margin-left: 2.5rem; } - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:mt-11 { + margin-top: 2.75rem; } - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:mr-11 { + margin-right: 2.75rem; } - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:mb-11 { + margin-bottom: 2.75rem; } - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:ml-11 { + margin-left: 2.75rem; } - .sm\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .md\:mt-12 { + margin-top: 3rem; } - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:mr-12 { + margin-right: 3rem; } - .sm\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .md\:mb-12 { + margin-bottom: 3rem; } - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:ml-12 { + margin-left: 3rem; } - .sm\:hover\:translate-x-11:hover { - --transform-translate-x: 2.75rem; + .md\:mt-13 { + margin-top: 3.25rem; } - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:mr-13 { + margin-right: 3.25rem; } - .sm\:hover\:translate-x-13:hover { - --transform-translate-x: 3.25rem; + .md\:mb-13 { + margin-bottom: 3.25rem; } - .sm\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .md\:ml-13 { + margin-left: 3.25rem; } - .sm\:hover\:translate-x-15:hover { - --transform-translate-x: 3.75rem; + .md\:mt-14 { + margin-top: 3.5rem; } - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:mr-14 { + margin-right: 3.5rem; } - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:mb-14 { + margin-bottom: 3.5rem; } - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:ml-14 { + margin-left: 3.5rem; } - .sm\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .md\:mt-15 { + margin-top: 3.75rem; } - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:mr-15 { + margin-right: 3.75rem; } - .sm\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .md\:mb-15 { + margin-bottom: 3.75rem; } - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:ml-15 { + margin-left: 3.75rem; } - .sm\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .md\:mt-16 { + margin-top: 4rem; } - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:mr-16 { + margin-right: 4rem; } - .sm\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .md\:mb-16 { + margin-bottom: 4rem; } - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:ml-16 { + margin-left: 4rem; } - .sm\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .md\:mt-20 { + margin-top: 5rem; } - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:mr-20 { + margin-right: 5rem; } - .sm\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .md\:mb-20 { + margin-bottom: 5rem; } - .sm\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .md\:ml-20 { + margin-left: 5rem; } - .sm\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .md\:mt-24 { + margin-top: 6rem; } - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:mr-24 { + margin-right: 6rem; } - .sm\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .md\:mb-24 { + margin-bottom: 6rem; } - .sm\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .md\:ml-24 { + margin-left: 6rem; } - .sm\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .md\:mt-28 { + margin-top: 7rem; } - .sm\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .md\:mr-28 { + margin-right: 7rem; } - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:mb-28 { + margin-bottom: 7rem; } - .sm\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .md\:ml-28 { + margin-left: 7rem; } - .sm\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .md\:mt-32 { + margin-top: 8rem; } - .sm\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .md\:mr-32 { + margin-right: 8rem; } - .sm\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .md\:mb-32 { + margin-bottom: 8rem; } - .sm\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .md\:ml-32 { + margin-left: 8rem; } - .sm\:hover\:translate-x-1\/5:hover { - --transform-translate-x: 20%; + .md\:mt-36 { + margin-top: 9rem; } - .sm\:hover\:translate-x-2\/5:hover { - --transform-translate-x: 40%; + .md\:mr-36 { + margin-right: 9rem; } - .sm\:hover\:translate-x-3\/5:hover { - --transform-translate-x: 60%; + .md\:mb-36 { + margin-bottom: 9rem; } - .sm\:hover\:translate-x-4\/5:hover { - --transform-translate-x: 80%; + .md\:ml-36 { + margin-left: 9rem; } - .sm\:hover\:translate-x-1\/6:hover { - --transform-translate-x: 16.666667%; + .md\:mt-40 { + margin-top: 10rem; } - .sm\:hover\:translate-x-2\/6:hover { - --transform-translate-x: 33.333333%; + .md\:mr-40 { + margin-right: 10rem; } - .sm\:hover\:translate-x-3\/6:hover { - --transform-translate-x: 50%; + .md\:mb-40 { + margin-bottom: 10rem; } - .sm\:hover\:translate-x-4\/6:hover { - --transform-translate-x: 66.666667%; + .md\:ml-40 { + margin-left: 10rem; } - .sm\:hover\:translate-x-5\/6:hover { - --transform-translate-x: 83.333333%; + .md\:mt-44 { + margin-top: 11rem; } - .sm\:hover\:translate-x-1\/12:hover { - --transform-translate-x: 8.333333%; + .md\:mr-44 { + margin-right: 11rem; } - .sm\:hover\:translate-x-2\/12:hover { - --transform-translate-x: 16.666667%; + .md\:mb-44 { + margin-bottom: 11rem; } - .sm\:hover\:translate-x-3\/12:hover { - --transform-translate-x: 25%; + .md\:ml-44 { + margin-left: 11rem; } - .sm\:hover\:translate-x-4\/12:hover { - --transform-translate-x: 33.333333%; + .md\:mt-48 { + margin-top: 12rem; } - .sm\:hover\:translate-x-5\/12:hover { - --transform-translate-x: 41.666667%; + .md\:mr-48 { + margin-right: 12rem; } - .sm\:hover\:translate-x-6\/12:hover { - --transform-translate-x: 50%; + .md\:mb-48 { + margin-bottom: 12rem; } - .sm\:hover\:translate-x-7\/12:hover { - --transform-translate-x: 58.333333%; + .md\:ml-48 { + margin-left: 12rem; } - .sm\:hover\:translate-x-8\/12:hover { - --transform-translate-x: 66.666667%; + .md\:mt-52 { + margin-top: 13rem; } - .sm\:hover\:translate-x-9\/12:hover { - --transform-translate-x: 75%; + .md\:mr-52 { + margin-right: 13rem; } - .sm\:hover\:translate-x-10\/12:hover { - --transform-translate-x: 83.333333%; + .md\:mb-52 { + margin-bottom: 13rem; } - .sm\:hover\:translate-x-11\/12:hover { - --transform-translate-x: 91.666667%; + .md\:ml-52 { + margin-left: 13rem; } - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:mt-56 { + margin-top: 14rem; } - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:mr-56 { + margin-right: 14rem; } - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:mb-56 { + margin-bottom: 14rem; } - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:ml-56 { + margin-left: 14rem; } - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:mt-60 { + margin-top: 15rem; } - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:mr-60 { + margin-right: 15rem; } - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .md\:mb-60 { + margin-bottom: 15rem; } - .sm\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .md\:ml-60 { + margin-left: 15rem; } - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:mt-64 { + margin-top: 16rem; } - .sm\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .md\:mr-64 { + margin-right: 16rem; } - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:mb-64 { + margin-bottom: 16rem; } - .sm\:hover\:-translate-x-11:hover { - --transform-translate-x: -2.75rem; + .md\:ml-64 { + margin-left: 16rem; } - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:mt-72 { + margin-top: 18rem; } - .sm\:hover\:-translate-x-13:hover { - --transform-translate-x: -3.25rem; + .md\:mr-72 { + margin-right: 18rem; } - .sm\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .md\:mb-72 { + margin-bottom: 18rem; } - .sm\:hover\:-translate-x-15:hover { - --transform-translate-x: -3.75rem; + .md\:ml-72 { + margin-left: 18rem; } - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:mt-80 { + margin-top: 20rem; } - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:mr-80 { + margin-right: 20rem; } - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:mb-80 { + margin-bottom: 20rem; } - .sm\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .md\:ml-80 { + margin-left: 20rem; } - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:mt-96 { + margin-top: 24rem; } - .sm\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .md\:mr-96 { + margin-right: 24rem; } - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:mb-96 { + margin-bottom: 24rem; } - .sm\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .md\:ml-96 { + margin-left: 24rem; } - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:mt-auto { + margin-top: auto; } - .sm\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .md\:mr-auto { + margin-right: auto; } - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:mb-auto { + margin-bottom: auto; } - .sm\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .md\:ml-auto { + margin-left: auto; } - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:mt-px { + margin-top: 1px; } - .sm\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .md\:mr-px { + margin-right: 1px; } - .sm\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .md\:mb-px { + margin-bottom: 1px; } - .sm\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .md\:ml-px { + margin-left: 1px; } - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:mt-0\.5 { + margin-top: 0.125rem; } - .sm\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .md\:mr-0\.5 { + margin-right: 0.125rem; } - .sm\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .md\:mb-0\.5 { + margin-bottom: 0.125rem; } - .sm\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .md\:ml-0\.5 { + margin-left: 0.125rem; } - .sm\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .md\:mt-1\.5 { + margin-top: 0.375rem; } - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:mr-1\.5 { + margin-right: 0.375rem; } - .sm\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.33333%; + .md\:mb-1\.5 { + margin-bottom: 0.375rem; } - .sm\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.66667%; + .md\:ml-1\.5 { + margin-left: 0.375rem; } - .sm\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .md\:mt-2\.5 { + margin-top: 0.625rem; } - .sm\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .md\:mr-2\.5 { + margin-right: 0.625rem; } - .sm\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .md\:mb-2\.5 { + margin-bottom: 0.625rem; } - .sm\:hover\:-translate-x-1\/5:hover { - --transform-translate-x: -20%; + .md\:ml-2\.5 { + margin-left: 0.625rem; } - .sm\:hover\:-translate-x-2\/5:hover { - --transform-translate-x: -40%; + .md\:mt-3\.5 { + margin-top: 0.875rem; } - .sm\:hover\:-translate-x-3\/5:hover { - --transform-translate-x: -60%; + .md\:mr-3\.5 { + margin-right: 0.875rem; } - .sm\:hover\:-translate-x-4\/5:hover { - --transform-translate-x: -80%; + .md\:mb-3\.5 { + margin-bottom: 0.875rem; } - .sm\:hover\:-translate-x-1\/6:hover { - --transform-translate-x: -16.66667%; + .md\:ml-3\.5 { + margin-left: 0.875rem; } - .sm\:hover\:-translate-x-2\/6:hover { - --transform-translate-x: -33.33333%; + .md\:mt-1\/2 { + margin-top: 50%; } - .sm\:hover\:-translate-x-3\/6:hover { - --transform-translate-x: -50%; + .md\:mr-1\/2 { + margin-right: 50%; } - .sm\:hover\:-translate-x-4\/6:hover { - --transform-translate-x: -66.66667%; + .md\:mb-1\/2 { + margin-bottom: 50%; } - .sm\:hover\:-translate-x-5\/6:hover { - --transform-translate-x: -83.33333%; + .md\:ml-1\/2 { + margin-left: 50%; } - .sm\:hover\:-translate-x-1\/12:hover { - --transform-translate-x: -8.33333%; + .md\:mt-1\/3 { + margin-top: 33.333333%; } - .sm\:hover\:-translate-x-2\/12:hover { - --transform-translate-x: -16.66667%; + .md\:mr-1\/3 { + margin-right: 33.333333%; } - .sm\:hover\:-translate-x-3\/12:hover { - --transform-translate-x: -25%; + .md\:mb-1\/3 { + margin-bottom: 33.333333%; } - .sm\:hover\:-translate-x-4\/12:hover { - --transform-translate-x: -33.33333%; + .md\:ml-1\/3 { + margin-left: 33.333333%; } - .sm\:hover\:-translate-x-5\/12:hover { - --transform-translate-x: -41.66667%; + .md\:mt-2\/3 { + margin-top: 66.666667%; } - .sm\:hover\:-translate-x-6\/12:hover { - --transform-translate-x: -50%; + .md\:mr-2\/3 { + margin-right: 66.666667%; } - .sm\:hover\:-translate-x-7\/12:hover { - --transform-translate-x: -58.33333%; + .md\:mb-2\/3 { + margin-bottom: 66.666667%; } - .sm\:hover\:-translate-x-8\/12:hover { - --transform-translate-x: -66.66667%; + .md\:ml-2\/3 { + margin-left: 66.666667%; } - .sm\:hover\:-translate-x-9\/12:hover { - --transform-translate-x: -75%; + .md\:mt-1\/4 { + margin-top: 25%; } - .sm\:hover\:-translate-x-10\/12:hover { - --transform-translate-x: -83.33333%; + .md\:mr-1\/4 { + margin-right: 25%; } - .sm\:hover\:-translate-x-11\/12:hover { - --transform-translate-x: -91.66667%; + .md\:mb-1\/4 { + margin-bottom: 25%; } - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:ml-1\/4 { + margin-left: 25%; } - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:mt-2\/4 { + margin-top: 50%; } - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:mr-2\/4 { + margin-right: 50%; } - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:mb-2\/4 { + margin-bottom: 50%; } - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:ml-2\/4 { + margin-left: 50%; } - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:mt-3\/4 { + margin-top: 75%; } - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:mr-3\/4 { + margin-right: 75%; } - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:mb-3\/4 { + margin-bottom: 75%; } - .sm\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .md\:ml-3\/4 { + margin-left: 75%; } - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:mt-1\/5 { + margin-top: 20%; } - .sm\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .md\:mr-1\/5 { + margin-right: 20%; } - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:mb-1\/5 { + margin-bottom: 20%; } - .sm\:hover\:translate-y-11:hover { - --transform-translate-y: 2.75rem; + .md\:ml-1\/5 { + margin-left: 20%; } - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:mt-2\/5 { + margin-top: 40%; } - .sm\:hover\:translate-y-13:hover { - --transform-translate-y: 3.25rem; + .md\:mr-2\/5 { + margin-right: 40%; } - .sm\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .md\:mb-2\/5 { + margin-bottom: 40%; } - .sm\:hover\:translate-y-15:hover { - --transform-translate-y: 3.75rem; + .md\:ml-2\/5 { + margin-left: 40%; } - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:mt-3\/5 { + margin-top: 60%; } - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:mr-3\/5 { + margin-right: 60%; } - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:mb-3\/5 { + margin-bottom: 60%; } - .sm\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .md\:ml-3\/5 { + margin-left: 60%; } - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .md\:mt-4\/5 { + margin-top: 80%; } - .sm\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .md\:mr-4\/5 { + margin-right: 80%; } - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .md\:mb-4\/5 { + margin-bottom: 80%; } - .sm\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .md\:ml-4\/5 { + margin-left: 80%; } - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .md\:mt-1\/6 { + margin-top: 16.666667%; } - .sm\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .md\:mr-1\/6 { + margin-right: 16.666667%; } - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .md\:mb-1\/6 { + margin-bottom: 16.666667%; } - .sm\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .md\:ml-1\/6 { + margin-left: 16.666667%; } - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .md\:mt-2\/6 { + margin-top: 33.333333%; } - .sm\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .md\:mr-2\/6 { + margin-right: 33.333333%; } - .sm\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .md\:mb-2\/6 { + margin-bottom: 33.333333%; } - .sm\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .md\:ml-2\/6 { + margin-left: 33.333333%; } - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .md\:mt-3\/6 { + margin-top: 50%; } - .sm\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .md\:mr-3\/6 { + margin-right: 50%; } - .sm\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .md\:mb-3\/6 { + margin-bottom: 50%; } - .sm\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .md\:ml-3\/6 { + margin-left: 50%; } - .sm\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .md\:mt-4\/6 { + margin-top: 66.666667%; } - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .md\:mr-4\/6 { + margin-right: 66.666667%; } - .sm\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .md\:mb-4\/6 { + margin-bottom: 66.666667%; } - .sm\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .md\:ml-4\/6 { + margin-left: 66.666667%; } - .sm\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .md\:mt-5\/6 { + margin-top: 83.333333%; } - .sm\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .md\:mr-5\/6 { + margin-right: 83.333333%; } - .sm\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .md\:mb-5\/6 { + margin-bottom: 83.333333%; } - .sm\:hover\:translate-y-1\/5:hover { - --transform-translate-y: 20%; + .md\:ml-5\/6 { + margin-left: 83.333333%; } - .sm\:hover\:translate-y-2\/5:hover { - --transform-translate-y: 40%; + .md\:mt-1\/12 { + margin-top: 8.333333%; } - .sm\:hover\:translate-y-3\/5:hover { - --transform-translate-y: 60%; + .md\:mr-1\/12 { + margin-right: 8.333333%; } - .sm\:hover\:translate-y-4\/5:hover { - --transform-translate-y: 80%; + .md\:mb-1\/12 { + margin-bottom: 8.333333%; } - .sm\:hover\:translate-y-1\/6:hover { - --transform-translate-y: 16.666667%; + .md\:ml-1\/12 { + margin-left: 8.333333%; } - .sm\:hover\:translate-y-2\/6:hover { - --transform-translate-y: 33.333333%; + .md\:mt-2\/12 { + margin-top: 16.666667%; } - .sm\:hover\:translate-y-3\/6:hover { - --transform-translate-y: 50%; + .md\:mr-2\/12 { + margin-right: 16.666667%; } - .sm\:hover\:translate-y-4\/6:hover { - --transform-translate-y: 66.666667%; + .md\:mb-2\/12 { + margin-bottom: 16.666667%; } - .sm\:hover\:translate-y-5\/6:hover { - --transform-translate-y: 83.333333%; + .md\:ml-2\/12 { + margin-left: 16.666667%; } - .sm\:hover\:translate-y-1\/12:hover { - --transform-translate-y: 8.333333%; + .md\:mt-3\/12 { + margin-top: 25%; } - .sm\:hover\:translate-y-2\/12:hover { - --transform-translate-y: 16.666667%; + .md\:mr-3\/12 { + margin-right: 25%; } - .sm\:hover\:translate-y-3\/12:hover { - --transform-translate-y: 25%; + .md\:mb-3\/12 { + margin-bottom: 25%; } - .sm\:hover\:translate-y-4\/12:hover { - --transform-translate-y: 33.333333%; + .md\:ml-3\/12 { + margin-left: 25%; } - .sm\:hover\:translate-y-5\/12:hover { - --transform-translate-y: 41.666667%; + .md\:mt-4\/12 { + margin-top: 33.333333%; } - .sm\:hover\:translate-y-6\/12:hover { - --transform-translate-y: 50%; + .md\:mr-4\/12 { + margin-right: 33.333333%; } - .sm\:hover\:translate-y-7\/12:hover { - --transform-translate-y: 58.333333%; + .md\:mb-4\/12 { + margin-bottom: 33.333333%; } - .sm\:hover\:translate-y-8\/12:hover { - --transform-translate-y: 66.666667%; + .md\:ml-4\/12 { + margin-left: 33.333333%; } - .sm\:hover\:translate-y-9\/12:hover { - --transform-translate-y: 75%; + .md\:mt-5\/12 { + margin-top: 41.666667%; } - .sm\:hover\:translate-y-10\/12:hover { - --transform-translate-y: 83.333333%; + .md\:mr-5\/12 { + margin-right: 41.666667%; } - .sm\:hover\:translate-y-11\/12:hover { - --transform-translate-y: 91.666667%; + .md\:mb-5\/12 { + margin-bottom: 41.666667%; } - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .md\:ml-5\/12 { + margin-left: 41.666667%; } - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .md\:mt-6\/12 { + margin-top: 50%; } - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .md\:mr-6\/12 { + margin-right: 50%; } - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .md\:mb-6\/12 { + margin-bottom: 50%; } - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .md\:ml-6\/12 { + margin-left: 50%; } - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .md\:mt-7\/12 { + margin-top: 58.333333%; } - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .md\:mr-7\/12 { + margin-right: 58.333333%; } - .sm\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .md\:mb-7\/12 { + margin-bottom: 58.333333%; } - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .md\:ml-7\/12 { + margin-left: 58.333333%; } - .sm\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .md\:mt-8\/12 { + margin-top: 66.666667%; } - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .md\:mr-8\/12 { + margin-right: 66.666667%; } - .sm\:hover\:-translate-y-11:hover { - --transform-translate-y: -2.75rem; + .md\:mb-8\/12 { + margin-bottom: 66.666667%; } - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .md\:ml-8\/12 { + margin-left: 66.666667%; } - .sm\:hover\:-translate-y-13:hover { - --transform-translate-y: -3.25rem; + .md\:mt-9\/12 { + margin-top: 75%; } - .sm\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .md\:mr-9\/12 { + margin-right: 75%; } - .sm\:hover\:-translate-y-15:hover { - --transform-translate-y: -3.75rem; + .md\:mb-9\/12 { + margin-bottom: 75%; } - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .md\:ml-9\/12 { + margin-left: 75%; } - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .md\:mt-10\/12 { + margin-top: 83.333333%; } - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .md\:mr-10\/12 { + margin-right: 83.333333%; } - .sm\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .md\:mb-10\/12 { + margin-bottom: 83.333333%; } - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .md\:ml-10\/12 { + margin-left: 83.333333%; } - .sm\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .md\:mt-11\/12 { + margin-top: 91.666667%; } - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .md\:mr-11\/12 { + margin-right: 91.666667%; } - .sm\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .md\:mb-11\/12 { + margin-bottom: 91.666667%; } - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .md\:ml-11\/12 { + margin-left: 91.666667%; } - .sm\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .md\:mt-full { + margin-top: 100%; } - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .md\:mr-full { + margin-right: 100%; } - .sm\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .md\:mb-full { + margin-bottom: 100%; } - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .md\:ml-full { + margin-left: 100%; } - .sm\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .md\:-mt-1 { + margin-top: -0.25rem; } - .sm\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .md\:-mr-1 { + margin-right: -0.25rem; } - .sm\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .md\:-ml-1 { + margin-left: -0.25rem; } - .sm\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .md\:-mt-2 { + margin-top: -0.5rem; } - .sm\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .md\:-mr-2 { + margin-right: -0.5rem; } - .sm\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .sm\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .md\:-ml-2 { + margin-left: -0.5rem; } - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .md\:-mt-3 { + margin-top: -0.75rem; } - .sm\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.33333%; + .md\:-mr-3 { + margin-right: -0.75rem; } - .sm\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.66667%; + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .sm\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .md\:-ml-3 { + margin-left: -0.75rem; } - .sm\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .md\:-mt-4 { + margin-top: -1rem; } - .sm\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .md\:-mr-4 { + margin-right: -1rem; } - .sm\:hover\:-translate-y-1\/5:hover { - --transform-translate-y: -20%; + .md\:-mb-4 { + margin-bottom: -1rem; } - .sm\:hover\:-translate-y-2\/5:hover { - --transform-translate-y: -40%; + .md\:-ml-4 { + margin-left: -1rem; } - .sm\:hover\:-translate-y-3\/5:hover { - --transform-translate-y: -60%; + .md\:-mt-5 { + margin-top: -1.25rem; } - .sm\:hover\:-translate-y-4\/5:hover { - --transform-translate-y: -80%; + .md\:-mr-5 { + margin-right: -1.25rem; } - .sm\:hover\:-translate-y-1\/6:hover { - --transform-translate-y: -16.66667%; + .md\:-mb-5 { + margin-bottom: -1.25rem; } - .sm\:hover\:-translate-y-2\/6:hover { - --transform-translate-y: -33.33333%; + .md\:-ml-5 { + margin-left: -1.25rem; } - .sm\:hover\:-translate-y-3\/6:hover { - --transform-translate-y: -50%; + .md\:-mt-6 { + margin-top: -1.5rem; } - .sm\:hover\:-translate-y-4\/6:hover { - --transform-translate-y: -66.66667%; + .md\:-mr-6 { + margin-right: -1.5rem; } - .sm\:hover\:-translate-y-5\/6:hover { - --transform-translate-y: -83.33333%; + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .sm\:hover\:-translate-y-1\/12:hover { - --transform-translate-y: -8.33333%; + .md\:-ml-6 { + margin-left: -1.5rem; } - .sm\:hover\:-translate-y-2\/12:hover { - --transform-translate-y: -16.66667%; + .md\:-mt-7 { + margin-top: -1.75rem; } - .sm\:hover\:-translate-y-3\/12:hover { - --transform-translate-y: -25%; + .md\:-mr-7 { + margin-right: -1.75rem; } - .sm\:hover\:-translate-y-4\/12:hover { - --transform-translate-y: -33.33333%; + .md\:-mb-7 { + margin-bottom: -1.75rem; } - .sm\:hover\:-translate-y-5\/12:hover { - --transform-translate-y: -41.66667%; + .md\:-ml-7 { + margin-left: -1.75rem; } - .sm\:hover\:-translate-y-6\/12:hover { - --transform-translate-y: -50%; + .md\:-mt-8 { + margin-top: -2rem; } - .sm\:hover\:-translate-y-7\/12:hover { - --transform-translate-y: -58.33333%; + .md\:-mr-8 { + margin-right: -2rem; } - .sm\:hover\:-translate-y-8\/12:hover { - --transform-translate-y: -66.66667%; + .md\:-mb-8 { + margin-bottom: -2rem; } - .sm\:hover\:-translate-y-9\/12:hover { - --transform-translate-y: -75%; + .md\:-ml-8 { + margin-left: -2rem; } - .sm\:hover\:-translate-y-10\/12:hover { - --transform-translate-y: -83.33333%; + .md\:-mt-9 { + margin-top: -2.25rem; } - .sm\:hover\:-translate-y-11\/12:hover { - --transform-translate-y: -91.66667%; + .md\:-mr-9 { + margin-right: -2.25rem; } - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .md\:-mb-9 { + margin-bottom: -2.25rem; } - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .md\:-ml-9 { + margin-left: -2.25rem; } - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .md\:-mt-10 { + margin-top: -2.5rem; } - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .md\:-mr-10 { + margin-right: -2.5rem; } - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .md\:-mb-10 { + margin-bottom: -2.5rem; } - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .md\:-ml-10 { + margin-left: -2.5rem; } - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .md\:-mt-11 { + margin-top: -2.75rem; } - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .md\:-mr-11 { + margin-right: -2.75rem; } - .sm\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .md\:-mb-11 { + margin-bottom: -2.75rem; } - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .md\:-ml-11 { + margin-left: -2.75rem; } - .sm\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .md\:-mt-12 { + margin-top: -3rem; } - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .md\:-mr-12 { + margin-right: -3rem; } - .sm\:focus\:translate-x-11:focus { - --transform-translate-x: 2.75rem; + .md\:-mb-12 { + margin-bottom: -3rem; } - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .md\:-ml-12 { + margin-left: -3rem; } - .sm\:focus\:translate-x-13:focus { - --transform-translate-x: 3.25rem; + .md\:-mt-13 { + margin-top: -3.25rem; } - .sm\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .md\:-mr-13 { + margin-right: -3.25rem; } - .sm\:focus\:translate-x-15:focus { - --transform-translate-x: 3.75rem; + .md\:-mb-13 { + margin-bottom: -3.25rem; } - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .md\:-ml-13 { + margin-left: -3.25rem; } - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .md\:-mt-14 { + margin-top: -3.5rem; } - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .md\:-mr-14 { + margin-right: -3.5rem; } - .sm\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .md\:-mb-14 { + margin-bottom: -3.5rem; } - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .md\:-ml-14 { + margin-left: -3.5rem; } - .sm\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .md\:-mt-15 { + margin-top: -3.75rem; } - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .md\:-mr-15 { + margin-right: -3.75rem; } - .sm\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .md\:-mb-15 { + margin-bottom: -3.75rem; } - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .md\:-ml-15 { + margin-left: -3.75rem; } - .sm\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .md\:-mt-16 { + margin-top: -4rem; } - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .md\:-mr-16 { + margin-right: -4rem; } - .sm\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .md\:-mb-16 { + margin-bottom: -4rem; } - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .md\:-ml-16 { + margin-left: -4rem; } - .sm\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .md\:-mt-20 { + margin-top: -5rem; } - .sm\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .md\:-mr-20 { + margin-right: -5rem; } - .sm\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .md\:-mb-20 { + margin-bottom: -5rem; } - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .md\:-ml-20 { + margin-left: -5rem; } - .sm\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .md\:-mt-24 { + margin-top: -6rem; } - .sm\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .md\:-mr-24 { + margin-right: -6rem; } - .sm\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .md\:-mb-24 { + margin-bottom: -6rem; } - .sm\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .md\:-ml-24 { + margin-left: -6rem; } - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .md\:-mt-28 { + margin-top: -7rem; } - .sm\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .md\:-mr-28 { + margin-right: -7rem; } - .sm\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .md\:-mb-28 { + margin-bottom: -7rem; } - .sm\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .md\:-ml-28 { + margin-left: -7rem; } - .sm\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .md\:-mt-32 { + margin-top: -8rem; } - .sm\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .md\:-mr-32 { + margin-right: -8rem; } - .sm\:focus\:translate-x-1\/5:focus { - --transform-translate-x: 20%; + .md\:-mb-32 { + margin-bottom: -8rem; } - .sm\:focus\:translate-x-2\/5:focus { - --transform-translate-x: 40%; + .md\:-ml-32 { + margin-left: -8rem; } - .sm\:focus\:translate-x-3\/5:focus { - --transform-translate-x: 60%; + .md\:-mt-36 { + margin-top: -9rem; } - .sm\:focus\:translate-x-4\/5:focus { - --transform-translate-x: 80%; + .md\:-mr-36 { + margin-right: -9rem; } - .sm\:focus\:translate-x-1\/6:focus { - --transform-translate-x: 16.666667%; + .md\:-mb-36 { + margin-bottom: -9rem; } - .sm\:focus\:translate-x-2\/6:focus { - --transform-translate-x: 33.333333%; + .md\:-ml-36 { + margin-left: -9rem; } - .sm\:focus\:translate-x-3\/6:focus { - --transform-translate-x: 50%; + .md\:-mt-40 { + margin-top: -10rem; } - .sm\:focus\:translate-x-4\/6:focus { - --transform-translate-x: 66.666667%; + .md\:-mr-40 { + margin-right: -10rem; } - .sm\:focus\:translate-x-5\/6:focus { - --transform-translate-x: 83.333333%; + .md\:-mb-40 { + margin-bottom: -10rem; } - .sm\:focus\:translate-x-1\/12:focus { - --transform-translate-x: 8.333333%; + .md\:-ml-40 { + margin-left: -10rem; } - .sm\:focus\:translate-x-2\/12:focus { - --transform-translate-x: 16.666667%; + .md\:-mt-44 { + margin-top: -11rem; } - .sm\:focus\:translate-x-3\/12:focus { - --transform-translate-x: 25%; + .md\:-mr-44 { + margin-right: -11rem; } - .sm\:focus\:translate-x-4\/12:focus { - --transform-translate-x: 33.333333%; + .md\:-mb-44 { + margin-bottom: -11rem; } - .sm\:focus\:translate-x-5\/12:focus { - --transform-translate-x: 41.666667%; + .md\:-ml-44 { + margin-left: -11rem; } - .sm\:focus\:translate-x-6\/12:focus { - --transform-translate-x: 50%; + .md\:-mt-48 { + margin-top: -12rem; } - .sm\:focus\:translate-x-7\/12:focus { - --transform-translate-x: 58.333333%; + .md\:-mr-48 { + margin-right: -12rem; } - .sm\:focus\:translate-x-8\/12:focus { - --transform-translate-x: 66.666667%; + .md\:-mb-48 { + margin-bottom: -12rem; } - .sm\:focus\:translate-x-9\/12:focus { - --transform-translate-x: 75%; + .md\:-ml-48 { + margin-left: -12rem; } - .sm\:focus\:translate-x-10\/12:focus { - --transform-translate-x: 83.333333%; + .md\:-mt-52 { + margin-top: -13rem; } - .sm\:focus\:translate-x-11\/12:focus { - --transform-translate-x: 91.666667%; + .md\:-mr-52 { + margin-right: -13rem; } - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .md\:-mb-52 { + margin-bottom: -13rem; } - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .md\:-ml-52 { + margin-left: -13rem; } - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .md\:-mt-56 { + margin-top: -14rem; } - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .md\:-mr-56 { + margin-right: -14rem; } - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .md\:-mb-56 { + margin-bottom: -14rem; } - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .md\:-ml-56 { + margin-left: -14rem; } - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .md\:-mt-60 { + margin-top: -15rem; } - .sm\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .md\:-mr-60 { + margin-right: -15rem; } - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .md\:-mb-60 { + margin-bottom: -15rem; } - .sm\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .md\:-ml-60 { + margin-left: -15rem; } - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .md\:-mt-64 { + margin-top: -16rem; } - .sm\:focus\:-translate-x-11:focus { - --transform-translate-x: -2.75rem; + .md\:-mr-64 { + margin-right: -16rem; } - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .md\:-mb-64 { + margin-bottom: -16rem; } - .sm\:focus\:-translate-x-13:focus { - --transform-translate-x: -3.25rem; + .md\:-ml-64 { + margin-left: -16rem; } - .sm\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .md\:-mt-72 { + margin-top: -18rem; } - .sm\:focus\:-translate-x-15:focus { - --transform-translate-x: -3.75rem; + .md\:-mr-72 { + margin-right: -18rem; } - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .md\:-mb-72 { + margin-bottom: -18rem; } - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .md\:-ml-72 { + margin-left: -18rem; } - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .md\:-mt-80 { + margin-top: -20rem; } - .sm\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .md\:-mr-80 { + margin-right: -20rem; } - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .md\:-mb-80 { + margin-bottom: -20rem; } - .sm\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .md\:-ml-80 { + margin-left: -20rem; } - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .md\:-mt-96 { + margin-top: -24rem; } - .sm\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .md\:-mr-96 { + margin-right: -24rem; } - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .md\:-mb-96 { + margin-bottom: -24rem; } - .sm\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .md\:-ml-96 { + margin-left: -24rem; } - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .md\:-mt-px { + margin-top: -1px; } - .sm\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .md\:-mr-px { + margin-right: -1px; } - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .md\:-mb-px { + margin-bottom: -1px; } - .sm\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .md\:-ml-px { + margin-left: -1px; } - .sm\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .md\:-mt-0\.5 { + margin-top: -0.125rem; } - .sm\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .md\:-mr-0\.5 { + margin-right: -0.125rem; } - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .md\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .sm\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .md\:-ml-0\.5 { + margin-left: -0.125rem; } - .sm\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .md\:-mt-1\.5 { + margin-top: -0.375rem; } - .sm\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .md\:-mr-1\.5 { + margin-right: -0.375rem; } - .sm\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .md\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .md\:-ml-1\.5 { + margin-left: -0.375rem; } - .sm\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.33333%; + .md\:-mt-2\.5 { + margin-top: -0.625rem; } - .sm\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.66667%; + .md\:-mr-2\.5 { + margin-right: -0.625rem; } - .sm\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .md\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .sm\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .md\:-ml-2\.5 { + margin-left: -0.625rem; } - .sm\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .md\:-mt-3\.5 { + margin-top: -0.875rem; } - .sm\:focus\:-translate-x-1\/5:focus { - --transform-translate-x: -20%; + .md\:-mr-3\.5 { + margin-right: -0.875rem; } - .sm\:focus\:-translate-x-2\/5:focus { - --transform-translate-x: -40%; + .md\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .sm\:focus\:-translate-x-3\/5:focus { - --transform-translate-x: -60%; + .md\:-ml-3\.5 { + margin-left: -0.875rem; } - .sm\:focus\:-translate-x-4\/5:focus { - --transform-translate-x: -80%; + .md\:-mt-1\/2 { + margin-top: -50%; } - .sm\:focus\:-translate-x-1\/6:focus { - --transform-translate-x: -16.66667%; + .md\:-mr-1\/2 { + margin-right: -50%; } - .sm\:focus\:-translate-x-2\/6:focus { - --transform-translate-x: -33.33333%; + .md\:-mb-1\/2 { + margin-bottom: -50%; } - .sm\:focus\:-translate-x-3\/6:focus { - --transform-translate-x: -50%; + .md\:-ml-1\/2 { + margin-left: -50%; } - .sm\:focus\:-translate-x-4\/6:focus { - --transform-translate-x: -66.66667%; + .md\:-mt-1\/3 { + margin-top: -33.33333%; } - .sm\:focus\:-translate-x-5\/6:focus { - --transform-translate-x: -83.33333%; + .md\:-mr-1\/3 { + margin-right: -33.33333%; } - .sm\:focus\:-translate-x-1\/12:focus { - --transform-translate-x: -8.33333%; + .md\:-mb-1\/3 { + margin-bottom: -33.33333%; } - .sm\:focus\:-translate-x-2\/12:focus { - --transform-translate-x: -16.66667%; + .md\:-ml-1\/3 { + margin-left: -33.33333%; } - .sm\:focus\:-translate-x-3\/12:focus { - --transform-translate-x: -25%; + .md\:-mt-2\/3 { + margin-top: -66.66667%; } - .sm\:focus\:-translate-x-4\/12:focus { - --transform-translate-x: -33.33333%; + .md\:-mr-2\/3 { + margin-right: -66.66667%; } - .sm\:focus\:-translate-x-5\/12:focus { - --transform-translate-x: -41.66667%; + .md\:-mb-2\/3 { + margin-bottom: -66.66667%; } - .sm\:focus\:-translate-x-6\/12:focus { - --transform-translate-x: -50%; + .md\:-ml-2\/3 { + margin-left: -66.66667%; } - .sm\:focus\:-translate-x-7\/12:focus { - --transform-translate-x: -58.33333%; + .md\:-mt-1\/4 { + margin-top: -25%; } - .sm\:focus\:-translate-x-8\/12:focus { - --transform-translate-x: -66.66667%; + .md\:-mr-1\/4 { + margin-right: -25%; } - .sm\:focus\:-translate-x-9\/12:focus { - --transform-translate-x: -75%; + .md\:-mb-1\/4 { + margin-bottom: -25%; } - .sm\:focus\:-translate-x-10\/12:focus { - --transform-translate-x: -83.33333%; + .md\:-ml-1\/4 { + margin-left: -25%; } - .sm\:focus\:-translate-x-11\/12:focus { - --transform-translate-x: -91.66667%; + .md\:-mt-2\/4 { + margin-top: -50%; } - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .md\:-mr-2\/4 { + margin-right: -50%; } - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .md\:-mb-2\/4 { + margin-bottom: -50%; } - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .md\:-ml-2\/4 { + margin-left: -50%; } - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .md\:-mt-3\/4 { + margin-top: -75%; } - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .md\:-mr-3\/4 { + margin-right: -75%; } - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .md\:-mb-3\/4 { + margin-bottom: -75%; } - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .md\:-ml-3\/4 { + margin-left: -75%; } - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .md\:-mt-1\/5 { + margin-top: -20%; } - .sm\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .md\:-mr-1\/5 { + margin-right: -20%; } - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .md\:-mb-1\/5 { + margin-bottom: -20%; } - .sm\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .md\:-ml-1\/5 { + margin-left: -20%; } - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .md\:-mt-2\/5 { + margin-top: -40%; } - .sm\:focus\:translate-y-11:focus { - --transform-translate-y: 2.75rem; + .md\:-mr-2\/5 { + margin-right: -40%; } - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .md\:-mb-2\/5 { + margin-bottom: -40%; } - .sm\:focus\:translate-y-13:focus { - --transform-translate-y: 3.25rem; + .md\:-ml-2\/5 { + margin-left: -40%; } - .sm\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .md\:-mt-3\/5 { + margin-top: -60%; } - .sm\:focus\:translate-y-15:focus { - --transform-translate-y: 3.75rem; + .md\:-mr-3\/5 { + margin-right: -60%; } - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .md\:-mb-3\/5 { + margin-bottom: -60%; } - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .md\:-ml-3\/5 { + margin-left: -60%; } - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .md\:-mt-4\/5 { + margin-top: -80%; } - .sm\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .md\:-mr-4\/5 { + margin-right: -80%; } - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .md\:-mb-4\/5 { + margin-bottom: -80%; } - .sm\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .md\:-ml-4\/5 { + margin-left: -80%; } - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .md\:-mt-1\/6 { + margin-top: -16.66667%; } - .sm\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .md\:-mr-1\/6 { + margin-right: -16.66667%; } - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .md\:-mb-1\/6 { + margin-bottom: -16.66667%; } - .sm\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .md\:-ml-1\/6 { + margin-left: -16.66667%; } - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .md\:-mt-2\/6 { + margin-top: -33.33333%; } - .sm\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .md\:-mr-2\/6 { + margin-right: -33.33333%; } - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .md\:-mb-2\/6 { + margin-bottom: -33.33333%; } - .sm\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .md\:-ml-2\/6 { + margin-left: -33.33333%; } - .sm\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .md\:-mt-3\/6 { + margin-top: -50%; } - .sm\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .md\:-mr-3\/6 { + margin-right: -50%; } - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .md\:-mb-3\/6 { + margin-bottom: -50%; } - .sm\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .md\:-ml-3\/6 { + margin-left: -50%; } - .sm\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .md\:-mt-4\/6 { + margin-top: -66.66667%; } - .sm\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .md\:-mr-4\/6 { + margin-right: -66.66667%; } - .sm\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .md\:-mb-4\/6 { + margin-bottom: -66.66667%; } - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .md\:-ml-4\/6 { + margin-left: -66.66667%; } - .sm\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .md\:-mt-5\/6 { + margin-top: -83.33333%; } - .sm\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .md\:-mr-5\/6 { + margin-right: -83.33333%; } - .sm\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .md\:-mb-5\/6 { + margin-bottom: -83.33333%; } - .sm\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .md\:-ml-5\/6 { + margin-left: -83.33333%; } - .sm\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .md\:-mt-1\/12 { + margin-top: -8.33333%; } - .sm\:focus\:translate-y-1\/5:focus { - --transform-translate-y: 20%; + .md\:-mr-1\/12 { + margin-right: -8.33333%; } - .sm\:focus\:translate-y-2\/5:focus { - --transform-translate-y: 40%; + .md\:-mb-1\/12 { + margin-bottom: -8.33333%; } - .sm\:focus\:translate-y-3\/5:focus { - --transform-translate-y: 60%; + .md\:-ml-1\/12 { + margin-left: -8.33333%; } - .sm\:focus\:translate-y-4\/5:focus { - --transform-translate-y: 80%; + .md\:-mt-2\/12 { + margin-top: -16.66667%; } - .sm\:focus\:translate-y-1\/6:focus { - --transform-translate-y: 16.666667%; + .md\:-mr-2\/12 { + margin-right: -16.66667%; } - .sm\:focus\:translate-y-2\/6:focus { - --transform-translate-y: 33.333333%; + .md\:-mb-2\/12 { + margin-bottom: -16.66667%; } - .sm\:focus\:translate-y-3\/6:focus { - --transform-translate-y: 50%; + .md\:-ml-2\/12 { + margin-left: -16.66667%; } - .sm\:focus\:translate-y-4\/6:focus { - --transform-translate-y: 66.666667%; + .md\:-mt-3\/12 { + margin-top: -25%; } - .sm\:focus\:translate-y-5\/6:focus { - --transform-translate-y: 83.333333%; + .md\:-mr-3\/12 { + margin-right: -25%; } - .sm\:focus\:translate-y-1\/12:focus { - --transform-translate-y: 8.333333%; + .md\:-mb-3\/12 { + margin-bottom: -25%; } - .sm\:focus\:translate-y-2\/12:focus { - --transform-translate-y: 16.666667%; + .md\:-ml-3\/12 { + margin-left: -25%; } - .sm\:focus\:translate-y-3\/12:focus { - --transform-translate-y: 25%; + .md\:-mt-4\/12 { + margin-top: -33.33333%; } - .sm\:focus\:translate-y-4\/12:focus { - --transform-translate-y: 33.333333%; + .md\:-mr-4\/12 { + margin-right: -33.33333%; } - .sm\:focus\:translate-y-5\/12:focus { - --transform-translate-y: 41.666667%; + .md\:-mb-4\/12 { + margin-bottom: -33.33333%; } - .sm\:focus\:translate-y-6\/12:focus { - --transform-translate-y: 50%; + .md\:-ml-4\/12 { + margin-left: -33.33333%; } - .sm\:focus\:translate-y-7\/12:focus { - --transform-translate-y: 58.333333%; + .md\:-mt-5\/12 { + margin-top: -41.66667%; } - .sm\:focus\:translate-y-8\/12:focus { - --transform-translate-y: 66.666667%; + .md\:-mr-5\/12 { + margin-right: -41.66667%; } - .sm\:focus\:translate-y-9\/12:focus { - --transform-translate-y: 75%; + .md\:-mb-5\/12 { + margin-bottom: -41.66667%; } - .sm\:focus\:translate-y-10\/12:focus { - --transform-translate-y: 83.333333%; + .md\:-ml-5\/12 { + margin-left: -41.66667%; } - .sm\:focus\:translate-y-11\/12:focus { - --transform-translate-y: 91.666667%; + .md\:-mt-6\/12 { + margin-top: -50%; } - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .md\:-mr-6\/12 { + margin-right: -50%; } - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .md\:-mb-6\/12 { + margin-bottom: -50%; } - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .md\:-ml-6\/12 { + margin-left: -50%; } - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .md\:-mt-7\/12 { + margin-top: -58.33333%; } - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .md\:-mr-7\/12 { + margin-right: -58.33333%; } - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .md\:-mb-7\/12 { + margin-bottom: -58.33333%; } - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .md\:-ml-7\/12 { + margin-left: -58.33333%; } - .sm\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .md\:-mt-8\/12 { + margin-top: -66.66667%; } - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .md\:-mr-8\/12 { + margin-right: -66.66667%; } - .sm\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .md\:-mb-8\/12 { + margin-bottom: -66.66667%; } - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .md\:-ml-8\/12 { + margin-left: -66.66667%; } - .sm\:focus\:-translate-y-11:focus { - --transform-translate-y: -2.75rem; + .md\:-mt-9\/12 { + margin-top: -75%; } - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .md\:-mr-9\/12 { + margin-right: -75%; } - .sm\:focus\:-translate-y-13:focus { - --transform-translate-y: -3.25rem; + .md\:-mb-9\/12 { + margin-bottom: -75%; } - .sm\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .md\:-ml-9\/12 { + margin-left: -75%; } - .sm\:focus\:-translate-y-15:focus { - --transform-translate-y: -3.75rem; + .md\:-mt-10\/12 { + margin-top: -83.33333%; } - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .md\:-mr-10\/12 { + margin-right: -83.33333%; } - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .md\:-mb-10\/12 { + margin-bottom: -83.33333%; } - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .md\:-ml-10\/12 { + margin-left: -83.33333%; } - .sm\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .md\:-mt-11\/12 { + margin-top: -91.66667%; } - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .md\:-mr-11\/12 { + margin-right: -91.66667%; } - .sm\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .md\:-mb-11\/12 { + margin-bottom: -91.66667%; } - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .md\:-ml-11\/12 { + margin-left: -91.66667%; } - .sm\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .md\:-mt-full { + margin-top: -100%; } - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .md\:-mr-full { + margin-right: -100%; } - .sm\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .md\:-mb-full { + margin-bottom: -100%; } - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .md\:-ml-full { + margin-left: -100%; } - .sm\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .md\:max-h-0 { + max-height: 0; } - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .md\:max-h-1 { + max-height: 0.25rem; } - .sm\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .md\:max-h-2 { + max-height: 0.5rem; } - .sm\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .md\:max-h-3 { + max-height: 0.75rem; } - .sm\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .md\:max-h-4 { + max-height: 1rem; } - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .md\:max-h-5 { + max-height: 1.25rem; } - .sm\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .md\:max-h-6 { + max-height: 1.5rem; } - .sm\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .md\:max-h-7 { + max-height: 1.75rem; } - .sm\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .md\:max-h-8 { + max-height: 2rem; } - .sm\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .md\:max-h-9 { + max-height: 2.25rem; } - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .md\:max-h-10 { + max-height: 2.5rem; } - .sm\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.33333%; + .md\:max-h-11 { + max-height: 2.75rem; } - .sm\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.66667%; + .md\:max-h-12 { + max-height: 3rem; } - .sm\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .md\:max-h-13 { + max-height: 3.25rem; } - .sm\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .md\:max-h-14 { + max-height: 3.5rem; } - .sm\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .md\:max-h-15 { + max-height: 3.75rem; } - .sm\:focus\:-translate-y-1\/5:focus { - --transform-translate-y: -20%; + .md\:max-h-16 { + max-height: 4rem; } - .sm\:focus\:-translate-y-2\/5:focus { - --transform-translate-y: -40%; + .md\:max-h-20 { + max-height: 5rem; } - .sm\:focus\:-translate-y-3\/5:focus { - --transform-translate-y: -60%; + .md\:max-h-24 { + max-height: 6rem; } - .sm\:focus\:-translate-y-4\/5:focus { - --transform-translate-y: -80%; + .md\:max-h-28 { + max-height: 7rem; } - .sm\:focus\:-translate-y-1\/6:focus { - --transform-translate-y: -16.66667%; + .md\:max-h-32 { + max-height: 8rem; } - .sm\:focus\:-translate-y-2\/6:focus { - --transform-translate-y: -33.33333%; + .md\:max-h-36 { + max-height: 9rem; } - .sm\:focus\:-translate-y-3\/6:focus { - --transform-translate-y: -50%; + .md\:max-h-40 { + max-height: 10rem; } - .sm\:focus\:-translate-y-4\/6:focus { - --transform-translate-y: -66.66667%; + .md\:max-h-44 { + max-height: 11rem; } - .sm\:focus\:-translate-y-5\/6:focus { - --transform-translate-y: -83.33333%; + .md\:max-h-48 { + max-height: 12rem; } - .sm\:focus\:-translate-y-1\/12:focus { - --transform-translate-y: -8.33333%; + .md\:max-h-52 { + max-height: 13rem; } - .sm\:focus\:-translate-y-2\/12:focus { - --transform-translate-y: -16.66667%; + .md\:max-h-56 { + max-height: 14rem; } - .sm\:focus\:-translate-y-3\/12:focus { - --transform-translate-y: -25%; + .md\:max-h-60 { + max-height: 15rem; } - .sm\:focus\:-translate-y-4\/12:focus { - --transform-translate-y: -33.33333%; + .md\:max-h-64 { + max-height: 16rem; } - .sm\:focus\:-translate-y-5\/12:focus { - --transform-translate-y: -41.66667%; + .md\:max-h-72 { + max-height: 18rem; } - .sm\:focus\:-translate-y-6\/12:focus { - --transform-translate-y: -50%; + .md\:max-h-80 { + max-height: 20rem; } - .sm\:focus\:-translate-y-7\/12:focus { - --transform-translate-y: -58.33333%; + .md\:max-h-96 { + max-height: 24rem; } - .sm\:focus\:-translate-y-8\/12:focus { - --transform-translate-y: -66.66667%; + .md\:max-h-screen { + max-height: 100vh; } - .sm\:focus\:-translate-y-9\/12:focus { - --transform-translate-y: -75%; + .md\:max-h-px { + max-height: 1px; } - .sm\:focus\:-translate-y-10\/12:focus { - --transform-translate-y: -83.33333%; + .md\:max-h-0\.5 { + max-height: 0.125rem; } - .sm\:focus\:-translate-y-11\/12:focus { - --transform-translate-y: -91.66667%; + .md\:max-h-1\.5 { + max-height: 0.375rem; } - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .md\:max-h-2\.5 { + max-height: 0.625rem; } - .sm\:skew-x-0 { - --transform-skew-x: 0; + .md\:max-h-3\.5 { + max-height: 0.875rem; } - .sm\:skew-x-3 { - --transform-skew-x: 3deg; + .md\:max-h-1\/2 { + max-height: 50%; } - .sm\:skew-x-6 { - --transform-skew-x: 6deg; + .md\:max-h-1\/3 { + max-height: 33.333333%; } - .sm\:skew-x-12 { - --transform-skew-x: 12deg; + .md\:max-h-2\/3 { + max-height: 66.666667%; } - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; + .md\:max-h-1\/4 { + max-height: 25%; } - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; + .md\:max-h-2\/4 { + max-height: 50%; } - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; + .md\:max-h-3\/4 { + max-height: 75%; } - .sm\:skew-y-0 { - --transform-skew-y: 0; + .md\:max-h-1\/5 { + max-height: 20%; } - .sm\:skew-y-3 { - --transform-skew-y: 3deg; + .md\:max-h-2\/5 { + max-height: 40%; } - .sm\:skew-y-6 { - --transform-skew-y: 6deg; + .md\:max-h-3\/5 { + max-height: 60%; } - .sm\:skew-y-12 { - --transform-skew-y: 12deg; + .md\:max-h-4\/5 { + max-height: 80%; } - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; + .md\:max-h-1\/6 { + max-height: 16.666667%; } - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; + .md\:max-h-2\/6 { + max-height: 33.333333%; } - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; + .md\:max-h-3\/6 { + max-height: 50%; } - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .md\:max-h-4\/6 { + max-height: 66.666667%; } - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .md\:max-h-5\/6 { + max-height: 83.333333%; } - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .md\:max-h-1\/12 { + max-height: 8.333333%; } - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .md\:max-h-2\/12 { + max-height: 16.666667%; } - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .md\:max-h-3\/12 { + max-height: 25%; } - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .md\:max-h-4\/12 { + max-height: 33.333333%; } - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .md\:max-h-5\/12 { + max-height: 41.666667%; } - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .md\:max-h-6\/12 { + max-height: 50%; } - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .md\:max-h-7\/12 { + max-height: 58.333333%; } - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .md\:max-h-8\/12 { + max-height: 66.666667%; } - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .md\:max-h-9\/12 { + max-height: 75%; } - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .md\:max-h-10\/12 { + max-height: 83.333333%; } - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .md\:max-h-11\/12 { + max-height: 91.666667%; } - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .md\:max-h-full { + max-height: 100%; } - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .md\:max-w-0 { + max-width: 0rem; } - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .md\:max-w-none { + max-width: none; } - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .md\:max-w-xs { + max-width: 20rem; } - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .md\:max-w-sm { + max-width: 24rem; } - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .md\:max-w-md { + max-width: 28rem; } - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .md\:max-w-lg { + max-width: 32rem; } - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .md\:max-w-xl { + max-width: 36rem; } - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .md\:max-w-2xl { + max-width: 42rem; } - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .md\:max-w-3xl { + max-width: 48rem; } - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .md\:max-w-4xl { + max-width: 56rem; } - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .md\:max-w-5xl { + max-width: 64rem; } - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .md\:max-w-6xl { + max-width: 72rem; } - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .md\:max-w-7xl { + max-width: 80rem; } - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .md\:max-w-full { + max-width: 100%; } - .sm\:transition-none { - transition-property: none; + .md\:max-w-min-content { + max-width: min-content; } - .sm\:transition-all { - transition-property: all; + .md\:max-w-max-content { + max-width: max-content; } - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .md\:max-w-screen-sm { + max-width: 640px; } - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .md\:max-w-screen-md { + max-width: 768px; } - .sm\:transition-opacity { - transition-property: opacity; + .md\:max-w-screen-lg { + max-width: 1024px; } - .sm\:transition-shadow { - transition-property: box-shadow; + .md\:max-w-screen-xl { + max-width: 1280px; } - .sm\:transition-transform { - transition-property: transform; + .md\:min-h-0 { + min-height: 0; } - .sm\:ease-linear { - transition-timing-function: linear; + .md\:min-h-full { + min-height: 100%; } - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .md\:min-h-screen { + min-height: 100vh; } - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .md\:min-w-0 { + min-width: 0; } - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .md\:min-w-full { + min-width: 100%; } - .sm\:duration-75 { - transition-duration: 75ms; + .md\:min-w-min-content { + min-width: min-content; } - .sm\:duration-100 { - transition-duration: 100ms; + .md\:min-w-max-content { + min-width: max-content; } - .sm\:duration-150 { - transition-duration: 150ms; + .md\:object-contain { + object-fit: contain; } - .sm\:duration-200 { - transition-duration: 200ms; + .md\:object-cover { + object-fit: cover; } - .sm\:duration-300 { - transition-duration: 300ms; + .md\:object-fill { + object-fit: fill; } - .sm\:duration-500 { - transition-duration: 500ms; + .md\:object-none { + object-fit: none; } - .sm\:duration-700 { - transition-duration: 700ms; + .md\:object-scale-down { + object-fit: scale-down; } - .sm\:duration-1000 { - transition-duration: 1000ms; + .md\:object-bottom { + object-position: bottom; } - .sm\:delay-75 { - transition-delay: 75ms; + .md\:object-center { + object-position: center; } - .sm\:delay-100 { - transition-delay: 100ms; + .md\:object-left { + object-position: left; } - .sm\:delay-150 { - transition-delay: 150ms; + .md\:object-left-bottom { + object-position: left bottom; } - .sm\:delay-200 { - transition-delay: 200ms; + .md\:object-left-top { + object-position: left top; } - .sm\:delay-300 { - transition-delay: 300ms; + .md\:object-right { + object-position: right; } - .sm\:delay-500 { - transition-delay: 500ms; + .md\:object-right-bottom { + object-position: right bottom; } - .sm\:delay-700 { - transition-delay: 700ms; + .md\:object-right-top { + object-position: right top; } - .sm\:delay-1000 { - transition-delay: 1000ms; + .md\:object-top { + object-position: top; } - .sm\:animate-none { - animation: none; + .md\:opacity-0 { + opacity: 0; } - .sm\:animate-spin { - animation: spin 1s linear infinite; + .md\:opacity-25 { + opacity: 0.25; } - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .md\:opacity-50 { + opacity: 0.5; } - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:opacity-75 { + opacity: 0.75; } - .sm\:animate-bounce { - animation: bounce 1s infinite; + .md\:opacity-100 { + opacity: 1; } - .sm\:example { - font-weight: 700; - color: #f05252; + .md\:hover\:opacity-0:hover { + opacity: 0; } -} -@media (min-width: 768px) { - .md\:container { - width: 100%; + .md\:hover\:opacity-25:hover { + opacity: 0.25; } - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } + .md\:hover\:opacity-50:hover { + opacity: 0.5; } - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } + .md\:hover\:opacity-75:hover { + opacity: 0.75; } - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } + .md\:hover\:opacity-100:hover { + opacity: 1; } - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } + .md\:focus\:opacity-0:focus { + opacity: 0; } - .md\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0px * var(--space-y-reverse)); + .md\:focus\:opacity-25:focus { + opacity: 0.25; } - .md\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0px * var(--space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--space-x-reverse))); + .md\:focus\:opacity-50:focus { + opacity: 0.5; } - .md\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.25rem * var(--space-y-reverse)); + .md\:focus\:opacity-75:focus { + opacity: 0.75; } - .md\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.25rem * var(--space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:opacity-100:focus { + opacity: 1; } - .md\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.5rem * var(--space-y-reverse)); + .md\:outline-none { + outline: 0; } - .md\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.5rem * var(--space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:outline-none:focus { + outline: 0; } - .md\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.75rem * var(--space-y-reverse)); + .md\:overflow-auto { + overflow: auto; } - .md\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.75rem * var(--space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-hidden { + overflow: hidden; } - .md\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1rem * var(--space-y-reverse)); + .md\:overflow-visible { + overflow: visible; } - .md\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1rem * var(--space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-scroll { + overflow: scroll; } - .md\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.25rem * var(--space-y-reverse)); + .md\:overflow-x-auto { + overflow-x: auto; } - .md\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.25rem * var(--space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-y-auto { + overflow-y: auto; } - .md\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.5rem * var(--space-y-reverse)); + .md\:overflow-x-hidden { + overflow-x: hidden; } - .md\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.5rem * var(--space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-y-hidden { + overflow-y: hidden; } - .md\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.75rem * var(--space-y-reverse)); + .md\:overflow-x-visible { + overflow-x: visible; } - .md\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.75rem * var(--space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-y-visible { + overflow-y: visible; } - .md\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2rem * var(--space-y-reverse)); + .md\:overflow-x-scroll { + overflow-x: scroll; } - .md\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2rem * var(--space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); + .md\:overflow-y-scroll { + overflow-y: scroll; } - .md\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.25rem * var(--space-y-reverse)); + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .md\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.25rem * var(--space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .md\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.5rem * var(--space-y-reverse)); + .md\:overscroll-auto { + overscroll-behavior: auto; } - .md\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.5rem * var(--space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .md\:overscroll-contain { + overscroll-behavior: contain; } - .md\:space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.75rem * var(--space-y-reverse)); + .md\:overscroll-none { + overscroll-behavior: none; } - .md\:space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.75rem * var(--space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); + .md\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .md\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3rem * var(--space-y-reverse)); + .md\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .md\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3rem * var(--space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); + .md\:overscroll-y-none { + overscroll-behavior-y: none; } - .md\:space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.25rem * var(--space-y-reverse)); + .md\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .md\:space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.25rem * var(--space-x-reverse)); - margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); + .md\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .md\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.5rem * var(--space-y-reverse)); + .md\:overscroll-x-none { + overscroll-behavior-x: none; } - .md\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.5rem * var(--space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .md\:p-0 { + padding: 0; } - .md\:space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.75rem * var(--space-y-reverse)); + .md\:p-1 { + padding: 0.25rem; } - .md\:space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.75rem * var(--space-x-reverse)); - margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); + .md\:p-2 { + padding: 0.5rem; } - .md\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(4rem * var(--space-y-reverse)); + .md\:p-3 { + padding: 0.75rem; } - .md\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(4rem * var(--space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); + .md\:p-4 { + padding: 1rem; } - .md\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(5rem * var(--space-y-reverse)); + .md\:p-5 { + padding: 1.25rem; } - .md\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(5rem * var(--space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); + .md\:p-6 { + padding: 1.5rem; } - .md\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(6rem * var(--space-y-reverse)); + .md\:p-7 { + padding: 1.75rem; } - .md\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(6rem * var(--space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); + .md\:p-8 { + padding: 2rem; } - .md\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(7rem * var(--space-y-reverse)); + .md\:p-9 { + padding: 2.25rem; } - .md\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(7rem * var(--space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); + .md\:p-10 { + padding: 2.5rem; } - .md\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8rem * var(--space-y-reverse)); + .md\:p-11 { + padding: 2.75rem; } - .md\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8rem * var(--space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); + .md\:p-12 { + padding: 3rem; } - .md\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(9rem * var(--space-y-reverse)); + .md\:p-13 { + padding: 3.25rem; } - .md\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(9rem * var(--space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); + .md\:p-14 { + padding: 3.5rem; } - .md\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(10rem * var(--space-y-reverse)); + .md\:p-15 { + padding: 3.75rem; } - .md\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(10rem * var(--space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); + .md\:p-16 { + padding: 4rem; } - .md\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(11rem * var(--space-y-reverse)); + .md\:p-20 { + padding: 5rem; } - .md\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(11rem * var(--space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); + .md\:p-24 { + padding: 6rem; } - .md\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(12rem * var(--space-y-reverse)); + .md\:p-28 { + padding: 7rem; } - .md\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(12rem * var(--space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); + .md\:p-32 { + padding: 8rem; } - .md\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(13rem * var(--space-y-reverse)); + .md\:p-36 { + padding: 9rem; } - .md\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(13rem * var(--space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); + .md\:p-40 { + padding: 10rem; } - .md\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(14rem * var(--space-y-reverse)); + .md\:p-44 { + padding: 11rem; } - .md\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(14rem * var(--space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); + .md\:p-48 { + padding: 12rem; } - .md\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(15rem * var(--space-y-reverse)); + .md\:p-52 { + padding: 13rem; } - .md\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(15rem * var(--space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); + .md\:p-56 { + padding: 14rem; } - .md\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16rem * var(--space-y-reverse)); + .md\:p-60 { + padding: 15rem; } - .md\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16rem * var(--space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); + .md\:p-64 { + padding: 16rem; } - .md\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(18rem * var(--space-y-reverse)); + .md\:p-72 { + padding: 18rem; } - .md\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(18rem * var(--space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); + .md\:p-80 { + padding: 20rem; } - .md\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20rem * var(--space-y-reverse)); + .md\:p-96 { + padding: 24rem; } - .md\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20rem * var(--space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); + .md\:p-px { + padding: 1px; } - .md\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(24rem * var(--space-y-reverse)); + .md\:p-0\.5 { + padding: 0.125rem; } - .md\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(24rem * var(--space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); + .md\:p-1\.5 { + padding: 0.375rem; } - .md\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1px * var(--space-y-reverse)); + .md\:p-2\.5 { + padding: 0.625rem; } - .md\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1px * var(--space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--space-x-reverse))); + .md\:p-3\.5 { + padding: 0.875rem; } - .md\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.125rem * var(--space-y-reverse)); + .md\:p-1\/2 { + padding: 50%; } - .md\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.125rem * var(--space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .md\:p-1\/3 { + padding: 33.333333%; } - .md\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.375rem * var(--space-y-reverse)); + .md\:p-2\/3 { + padding: 66.666667%; } - .md\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.375rem * var(--space-x-reverse)); - margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .md\:p-1\/4 { + padding: 25%; } - .md\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.625rem * var(--space-y-reverse)); + .md\:p-2\/4 { + padding: 50%; } - .md\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.625rem * var(--space-x-reverse)); - margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .md\:p-3\/4 { + padding: 75%; } - .md\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.875rem * var(--space-y-reverse)); + .md\:p-1\/5 { + padding: 20%; } - .md\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.875rem * var(--space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .md\:p-2\/5 { + padding: 40%; } - .md\:space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .md\:p-3\/5 { + padding: 60%; } - .md\:space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .md\:p-4\/5 { + padding: 80%; } - .md\:space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .md\:p-1\/6 { + padding: 16.666667%; } - .md\:space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .md\:p-2\/6 { + padding: 33.333333%; } - .md\:space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .md\:p-3\/6 { + padding: 50%; } - .md\:space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .md\:p-4\/6 { + padding: 66.666667%; } - .md\:space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .md\:p-5\/6 { + padding: 83.333333%; } - .md\:space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .md\:p-1\/12 { + padding: 8.333333%; } - .md\:space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .md\:p-2\/12 { + padding: 16.666667%; } - .md\:space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .md\:p-3\/12 { + padding: 25%; } - .md\:space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .md\:p-4\/12 { + padding: 33.333333%; } - .md\:space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .md\:p-5\/12 { + padding: 41.666667%; } - .md\:space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20% * var(--space-y-reverse)); + .md\:p-6\/12 { + padding: 50%; } - .md\:space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20% * var(--space-x-reverse)); - margin-left: calc(20% * calc(1 - var(--space-x-reverse))); + .md\:p-7\/12 { + padding: 58.333333%; } - .md\:space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(40% * var(--space-y-reverse)); + .md\:p-8\/12 { + padding: 66.666667%; } - .md\:space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(40% * var(--space-x-reverse)); - margin-left: calc(40% * calc(1 - var(--space-x-reverse))); + .md\:p-9\/12 { + padding: 75%; } - .md\:space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(60% * var(--space-y-reverse)); + .md\:p-10\/12 { + padding: 83.333333%; } - .md\:space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(60% * var(--space-x-reverse)); - margin-left: calc(60% * calc(1 - var(--space-x-reverse))); + .md\:p-11\/12 { + padding: 91.666667%; } - .md\:space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(80% * var(--space-y-reverse)); + .md\:p-full { + padding: 100%; } - .md\:space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(80% * var(--space-x-reverse)); - margin-left: calc(80% * calc(1 - var(--space-x-reverse))); + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .md\:space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .md\:px-0 { + padding-left: 0; + padding-right: 0; } - .md\:space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8.333333% * var(--space-y-reverse)); + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8.333333% * var(--space-x-reverse)); - margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .md\:space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .md\:space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .md\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .md\:space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .md\:space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .md\:space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(41.666667% * var(--space-y-reverse)); + .md\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .md\:space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(41.666667% * var(--space-x-reverse)); - margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\:space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .md\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } - .md\:space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(58.333333% * var(--space-y-reverse)); + .md\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } - .md\:space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(58.333333% * var(--space-x-reverse)); - margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .md\:space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-13 { + padding-top: 3.25rem; + padding-bottom: 3.25rem; } - .md\:space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .md\:px-13 { + padding-left: 3.25rem; + padding-right: 3.25rem; } - .md\:space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .md\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .md\:space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .md\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .md\:space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .md\:py-15 { + padding-top: 3.75rem; + padding-bottom: 3.75rem; } - .md\:space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(91.666667% * var(--space-y-reverse)); + .md\:px-15 { + padding-left: 3.75rem; + padding-right: 3.75rem; } - .md\:space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(91.666667% * var(--space-x-reverse)); - margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\:space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(100% * var(--space-y-reverse)); + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(100% * var(--space-x-reverse)); - margin-left: calc(100% * calc(1 - var(--space-x-reverse))); + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.25rem * var(--space-x-reverse)); - margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.5rem * var(--space-y-reverse)); + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.5rem * var(--space-x-reverse)); - margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .md\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .md\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.75rem * var(--space-y-reverse)); + .md\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .md\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.75rem * var(--space-x-reverse)); - margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .md\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1rem * var(--space-y-reverse)); + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1rem * var(--space-x-reverse)); - margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); + .md\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .md\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--space-y-reverse)); + .md\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .md\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.5rem * var(--space-y-reverse)); + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.5rem * var(--space-x-reverse)); - margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .md\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .md\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--space-y-reverse)); + .md\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .md\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2rem * var(--space-y-reverse)); + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2rem * var(--space-x-reverse)); - margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); + .md\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .md\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--space-y-reverse)); + .md\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .md\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.5rem * var(--space-y-reverse)); + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .md\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .md\:-space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--space-y-reverse)); + .md\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .md\:-space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3rem * var(--space-y-reverse)); + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3rem * var(--space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + .md\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .md\:-space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.25rem * var(--space-y-reverse)); + .md\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .md\:-space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.25rem * var(--space-x-reverse)); - margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); + .md\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .md\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--space-y-reverse)); + .md\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .md\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .md\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .md\:-space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.75rem * var(--space-y-reverse)); + .md\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .md\:-space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.75rem * var(--space-x-reverse)); - margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-4rem * var(--space-y-reverse)); + .md\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-4rem * var(--space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + .md\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .md\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-5rem * var(--space-y-reverse)); + .md\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .md\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-5rem * var(--space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .md\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-6rem * var(--space-y-reverse)); + .md\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .md\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-6rem * var(--space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-7rem * var(--space-y-reverse)); + .md\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-7rem * var(--space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); + .md\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .md\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8rem * var(--space-y-reverse)); + .md\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .md\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8rem * var(--space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/2 { + padding-top: 50%; + padding-bottom: 50%; } - .md\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-9rem * var(--space-y-reverse)); + .md\:px-1\/2 { + padding-left: 50%; + padding-right: 50%; } - .md\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-9rem * var(--space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/3 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .md\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-10rem * var(--space-y-reverse)); + .md\:px-1\/3 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .md\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-10rem * var(--space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\/3 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .md\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-11rem * var(--space-y-reverse)); + .md\:px-2\/3 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .md\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-11rem * var(--space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/4 { + padding-top: 25%; + padding-bottom: 25%; } - .md\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-12rem * var(--space-y-reverse)); + .md\:px-1\/4 { + padding-left: 25%; + padding-right: 25%; } - .md\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-12rem * var(--space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\/4 { + padding-top: 50%; + padding-bottom: 50%; } - .md\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-13rem * var(--space-y-reverse)); + .md\:px-2\/4 { + padding-left: 50%; + padding-right: 50%; } - .md\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-13rem * var(--space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); + .md\:py-3\/4 { + padding-top: 75%; + padding-bottom: 75%; } - .md\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-14rem * var(--space-y-reverse)); + .md\:px-3\/4 { + padding-left: 75%; + padding-right: 75%; } - .md\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-14rem * var(--space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/5 { + padding-top: 20%; + padding-bottom: 20%; } - .md\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-15rem * var(--space-y-reverse)); + .md\:px-1\/5 { + padding-left: 20%; + padding-right: 20%; } - .md\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-15rem * var(--space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\/5 { + padding-top: 40%; + padding-bottom: 40%; } - .md\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16rem * var(--space-y-reverse)); + .md\:px-2\/5 { + padding-left: 40%; + padding-right: 40%; } - .md\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16rem * var(--space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + .md\:py-3\/5 { + padding-top: 60%; + padding-bottom: 60%; } - .md\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-18rem * var(--space-y-reverse)); + .md\:px-3\/5 { + padding-left: 60%; + padding-right: 60%; } - .md\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-18rem * var(--space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); + .md\:py-4\/5 { + padding-top: 80%; + padding-bottom: 80%; } - .md\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20rem * var(--space-y-reverse)); + .md\:px-4\/5 { + padding-left: 80%; + padding-right: 80%; } - .md\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20rem * var(--space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/6 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } - .md\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-24rem * var(--space-y-reverse)); + .md\:px-1\/6 { + padding-left: 16.666667%; + padding-right: 16.666667%; } - .md\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-24rem * var(--space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\/6 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .md\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1px * var(--space-y-reverse)); + .md\:px-2\/6 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .md\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1px * var(--space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + .md\:py-3\/6 { + padding-top: 50%; + padding-bottom: 50%; } - .md\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.125rem * var(--space-y-reverse)); + .md\:px-3\/6 { + padding-left: 50%; + padding-right: 50%; } - .md\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .md\:py-4\/6 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .md\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.375rem * var(--space-y-reverse)); + .md\:px-4\/6 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .md\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.375rem * var(--space-x-reverse)); - margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .md\:py-5\/6 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } - .md\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.625rem * var(--space-y-reverse)); + .md\:px-5\/6 { + padding-left: 83.333333%; + padding-right: 83.333333%; } - .md\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.625rem * var(--space-x-reverse)); - margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .md\:py-1\/12 { + padding-top: 8.333333%; + padding-bottom: 8.333333%; } - .md\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--space-y-reverse)); + .md\:px-1\/12 { + padding-left: 8.333333%; + padding-right: 8.333333%; } - .md\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .md\:py-2\/12 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } - .md\:-space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .md\:px-2\/12 { + padding-left: 16.666667%; + padding-right: 16.666667%; } - .md\:-space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .md\:py-3\/12 { + padding-top: 25%; + padding-bottom: 25%; } - .md\:-space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .md\:px-3\/12 { + padding-left: 25%; + padding-right: 25%; } - .md\:-space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .md\:py-4\/12 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .md\:-space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .md\:px-4\/12 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .md\:-space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .md\:py-5\/12 { + padding-top: 41.666667%; + padding-bottom: 41.666667%; } - .md\:-space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .md\:px-5\/12 { + padding-left: 41.666667%; + padding-right: 41.666667%; } - .md\:-space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .md\:py-6\/12 { + padding-top: 50%; + padding-bottom: 50%; } - .md\:-space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .md\:px-6\/12 { + padding-left: 50%; + padding-right: 50%; } - .md\:-space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .md\:py-7\/12 { + padding-top: 58.333333%; + padding-bottom: 58.333333%; } - .md\:-space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .md\:px-7\/12 { + padding-left: 58.333333%; + padding-right: 58.333333%; } - .md\:-space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .md\:py-8\/12 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .md\:-space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20% * var(--space-y-reverse)); + .md\:px-8\/12 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .md\:-space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20% * var(--space-x-reverse)); - margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); + .md\:py-9\/12 { + padding-top: 75%; + padding-bottom: 75%; } - .md\:-space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-40% * var(--space-y-reverse)); + .md\:px-9\/12 { + padding-left: 75%; + padding-right: 75%; } - .md\:-space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-40% * var(--space-x-reverse)); - margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); + .md\:py-10\/12 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } - .md\:-space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-60% * var(--space-y-reverse)); + .md\:px-10\/12 { + padding-left: 83.333333%; + padding-right: 83.333333%; } - .md\:-space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-60% * var(--space-x-reverse)); - margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); + .md\:py-11\/12 { + padding-top: 91.666667%; + padding-bottom: 91.666667%; } - .md\:-space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-80% * var(--space-y-reverse)); + .md\:px-11\/12 { + padding-left: 91.666667%; + padding-right: 91.666667%; } - .md\:-space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-80% * var(--space-x-reverse)); - margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); + .md\:py-full { + padding-top: 100%; + padding-bottom: 100%; } - .md\:-space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .md\:px-full { + padding-left: 100%; + padding-right: 100%; } - .md\:-space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .md\:pt-0 { + padding-top: 0; } - .md\:-space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .md\:pr-0 { + padding-right: 0; } - .md\:-space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .md\:pb-0 { + padding-bottom: 0; } - .md\:-space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .md\:pl-0 { + padding-left: 0; } - .md\:-space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .md\:pt-1 { + padding-top: 0.25rem; } - .md\:-space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .md\:pr-1 { + padding-right: 0.25rem; } - .md\:-space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .md\:pb-1 { + padding-bottom: 0.25rem; } - .md\:-space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .md\:pl-1 { + padding-left: 0.25rem; } - .md\:-space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .md\:pt-2 { + padding-top: 0.5rem; } - .md\:-space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8.33333% * var(--space-y-reverse)); + .md\:pr-2 { + padding-right: 0.5rem; } - .md\:-space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8.33333% * var(--space-x-reverse)); - margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); + .md\:pb-2 { + padding-bottom: 0.5rem; } - .md\:-space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .md\:pl-2 { + padding-left: 0.5rem; } - .md\:-space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .md\:pt-3 { + padding-top: 0.75rem; } - .md\:-space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .md\:pr-3 { + padding-right: 0.75rem; } - .md\:-space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .md\:pb-3 { + padding-bottom: 0.75rem; } - .md\:-space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .md\:pl-3 { + padding-left: 0.75rem; } - .md\:-space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .md\:pt-4 { + padding-top: 1rem; } - .md\:-space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-41.66667% * var(--space-y-reverse)); + .md\:pr-4 { + padding-right: 1rem; } - .md\:-space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-41.66667% * var(--space-x-reverse)); - margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); + .md\:pb-4 { + padding-bottom: 1rem; } - .md\:-space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .md\:pl-4 { + padding-left: 1rem; } - .md\:-space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .md\:pt-5 { + padding-top: 1.25rem; } - .md\:-space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-58.33333% * var(--space-y-reverse)); + .md\:pr-5 { + padding-right: 1.25rem; } - .md\:-space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-58.33333% * var(--space-x-reverse)); - margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); + .md\:pb-5 { + padding-bottom: 1.25rem; } - .md\:-space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .md\:pl-5 { + padding-left: 1.25rem; } - .md\:-space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .md\:pt-6 { + padding-top: 1.5rem; } - .md\:-space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .md\:pr-6 { + padding-right: 1.5rem; } - .md\:-space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .md\:pb-6 { + padding-bottom: 1.5rem; } - .md\:-space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .md\:pl-6 { + padding-left: 1.5rem; } - .md\:-space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .md\:pt-7 { + padding-top: 1.75rem; } - .md\:-space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-91.66667% * var(--space-y-reverse)); + .md\:pr-7 { + padding-right: 1.75rem; } - .md\:-space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-91.66667% * var(--space-x-reverse)); - margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); + .md\:pb-7 { + padding-bottom: 1.75rem; } - .md\:-space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-100% * var(--space-y-reverse)); + .md\:pl-7 { + padding-left: 1.75rem; } - .md\:-space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-100% * var(--space-x-reverse)); - margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); + .md\:pt-8 { + padding-top: 2rem; } - .md\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .md\:pr-8 { + padding-right: 2rem; } - .md\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .md\:pb-8 { + padding-bottom: 2rem; } - .md\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(0px * var(--divide-y-reverse)); + .md\:pl-8 { + padding-left: 2rem; } - .md\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(0px * var(--divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .md\:pt-9 { + padding-top: 2.25rem; } - .md\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(2px * var(--divide-y-reverse)); + .md\:pr-9 { + padding-right: 2.25rem; } - .md\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(2px * var(--divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .md\:pb-9 { + padding-bottom: 2.25rem; } - .md\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(4px * var(--divide-y-reverse)); + .md\:pl-9 { + padding-left: 2.25rem; } - .md\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(4px * var(--divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .md\:pt-10 { + padding-top: 2.5rem; } - .md\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(8px * var(--divide-y-reverse)); + .md\:pr-10 { + padding-right: 2.5rem; } - .md\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(8px * var(--divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .md\:pb-10 { + padding-bottom: 2.5rem; } - .md\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(1px * var(--divide-y-reverse)); + .md\:pl-10 { + padding-left: 2.5rem; } - .md\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(1px * var(--divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .md\:pt-11 { + padding-top: 2.75rem; } - .md\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .md\:pr-11 { + padding-right: 2.75rem; } - .md\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .md\:pb-11 { + padding-bottom: 2.75rem; } - .md\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .md\:pl-11 { + padding-left: 2.75rem; } - .md\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .md\:pt-12 { + padding-top: 3rem; } - .md\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .md\:pr-12 { + padding-right: 3rem; } - .md\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .md\:pb-12 { + padding-bottom: 3rem; } - .md\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--divide-opacity)); + .md\:pl-12 { + padding-left: 3rem; } - .md\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--divide-opacity)); + .md\:pt-13 { + padding-top: 3.25rem; } - .md\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--divide-opacity)); + .md\:pr-13 { + padding-right: 3.25rem; } - .md\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--divide-opacity)); + .md\:pb-13 { + padding-bottom: 3.25rem; } - .md\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--divide-opacity)); + .md\:pl-13 { + padding-left: 3.25rem; } - .md\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--divide-opacity)); + .md\:pt-14 { + padding-top: 3.5rem; } - .md\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--divide-opacity)); + .md\:pr-14 { + padding-right: 3.5rem; } - .md\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--divide-opacity)); + .md\:pb-14 { + padding-bottom: 3.5rem; } - .md\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--divide-opacity)); + .md\:pl-14 { + padding-left: 3.5rem; } - .md\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--divide-opacity)); + .md\:pt-15 { + padding-top: 3.75rem; } - .md\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--divide-opacity)); + .md\:pr-15 { + padding-right: 3.75rem; } - .md\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--divide-opacity)); + .md\:pb-15 { + padding-bottom: 3.75rem; } - .md\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--divide-opacity)); + .md\:pl-15 { + padding-left: 3.75rem; } - .md\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--divide-opacity)); + .md\:pt-16 { + padding-top: 4rem; } - .md\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--divide-opacity)); + .md\:pr-16 { + padding-right: 4rem; } - .md\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--divide-opacity)); + .md\:pb-16 { + padding-bottom: 4rem; } - .md\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--divide-opacity)); + .md\:pl-16 { + padding-left: 4rem; } - .md\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--divide-opacity)); + .md\:pt-20 { + padding-top: 5rem; } - .md\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--divide-opacity)); + .md\:pr-20 { + padding-right: 5rem; } - .md\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--divide-opacity)); + .md\:pb-20 { + padding-bottom: 5rem; } - .md\:divide-orange-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--divide-opacity)); + .md\:pl-20 { + padding-left: 5rem; } - .md\:divide-orange-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--divide-opacity)); + .md\:pt-24 { + padding-top: 6rem; } - .md\:divide-orange-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--divide-opacity)); + .md\:pr-24 { + padding-right: 6rem; } - .md\:divide-orange-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--divide-opacity)); + .md\:pb-24 { + padding-bottom: 6rem; } - .md\:divide-orange-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--divide-opacity)); + .md\:pl-24 { + padding-left: 6rem; } - .md\:divide-orange-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--divide-opacity)); + .md\:pt-28 { + padding-top: 7rem; } - .md\:divide-orange-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--divide-opacity)); + .md\:pr-28 { + padding-right: 7rem; } - .md\:divide-orange-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--divide-opacity)); + .md\:pb-28 { + padding-bottom: 7rem; } - .md\:divide-orange-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--divide-opacity)); + .md\:pl-28 { + padding-left: 7rem; } - .md\:divide-orange-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--divide-opacity)); + .md\:pt-32 { + padding-top: 8rem; } - .md\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--divide-opacity)); + .md\:pr-32 { + padding-right: 8rem; } - .md\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--divide-opacity)); + .md\:pb-32 { + padding-bottom: 8rem; } - .md\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--divide-opacity)); + .md\:pl-32 { + padding-left: 8rem; } - .md\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--divide-opacity)); + .md\:pt-36 { + padding-top: 9rem; } - .md\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--divide-opacity)); + .md\:pr-36 { + padding-right: 9rem; } - .md\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--divide-opacity)); + .md\:pb-36 { + padding-bottom: 9rem; } - .md\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--divide-opacity)); + .md\:pl-36 { + padding-left: 9rem; } - .md\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--divide-opacity)); + .md\:pt-40 { + padding-top: 10rem; } - .md\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--divide-opacity)); + .md\:pr-40 { + padding-right: 10rem; } - .md\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--divide-opacity)); + .md\:pb-40 { + padding-bottom: 10rem; } - .md\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--divide-opacity)); + .md\:pl-40 { + padding-left: 10rem; } - .md\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--divide-opacity)); + .md\:pt-44 { + padding-top: 11rem; } - .md\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--divide-opacity)); + .md\:pr-44 { + padding-right: 11rem; } - .md\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--divide-opacity)); + .md\:pb-44 { + padding-bottom: 11rem; } - .md\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--divide-opacity)); + .md\:pl-44 { + padding-left: 11rem; } - .md\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--divide-opacity)); + .md\:pt-48 { + padding-top: 12rem; } - .md\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--divide-opacity)); + .md\:pr-48 { + padding-right: 12rem; } - .md\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--divide-opacity)); + .md\:pb-48 { + padding-bottom: 12rem; } - .md\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--divide-opacity)); + .md\:pl-48 { + padding-left: 12rem; } - .md\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--divide-opacity)); + .md\:pt-52 { + padding-top: 13rem; } - .md\:divide-teal-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--divide-opacity)); + .md\:pr-52 { + padding-right: 13rem; } - .md\:divide-teal-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--divide-opacity)); + .md\:pb-52 { + padding-bottom: 13rem; } - .md\:divide-teal-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--divide-opacity)); + .md\:pl-52 { + padding-left: 13rem; } - .md\:divide-teal-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--divide-opacity)); + .md\:pt-56 { + padding-top: 14rem; } - .md\:divide-teal-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--divide-opacity)); + .md\:pr-56 { + padding-right: 14rem; } - .md\:divide-teal-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--divide-opacity)); + .md\:pb-56 { + padding-bottom: 14rem; } - .md\:divide-teal-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--divide-opacity)); + .md\:pl-56 { + padding-left: 14rem; } - .md\:divide-teal-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--divide-opacity)); + .md\:pt-60 { + padding-top: 15rem; } - .md\:divide-teal-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--divide-opacity)); + .md\:pr-60 { + padding-right: 15rem; } - .md\:divide-teal-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--divide-opacity)); + .md\:pb-60 { + padding-bottom: 15rem; } - .md\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--divide-opacity)); + .md\:pl-60 { + padding-left: 15rem; } - .md\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--divide-opacity)); + .md\:pt-64 { + padding-top: 16rem; } - .md\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--divide-opacity)); + .md\:pr-64 { + padding-right: 16rem; } - .md\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--divide-opacity)); + .md\:pb-64 { + padding-bottom: 16rem; } - .md\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--divide-opacity)); + .md\:pl-64 { + padding-left: 16rem; } - .md\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--divide-opacity)); + .md\:pt-72 { + padding-top: 18rem; } - .md\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--divide-opacity)); + .md\:pr-72 { + padding-right: 18rem; } - .md\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--divide-opacity)); + .md\:pb-72 { + padding-bottom: 18rem; } - .md\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--divide-opacity)); + .md\:pl-72 { + padding-left: 18rem; } - .md\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--divide-opacity)); + .md\:pt-80 { + padding-top: 20rem; } - .md\:divide-indigo-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--divide-opacity)); + .md\:pr-80 { + padding-right: 20rem; } - .md\:divide-indigo-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--divide-opacity)); + .md\:pb-80 { + padding-bottom: 20rem; } - .md\:divide-indigo-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--divide-opacity)); + .md\:pl-80 { + padding-left: 20rem; } - .md\:divide-indigo-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--divide-opacity)); + .md\:pt-96 { + padding-top: 24rem; } - .md\:divide-indigo-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--divide-opacity)); + .md\:pr-96 { + padding-right: 24rem; } - .md\:divide-indigo-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--divide-opacity)); + .md\:pb-96 { + padding-bottom: 24rem; } - .md\:divide-indigo-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--divide-opacity)); + .md\:pl-96 { + padding-left: 24rem; } - .md\:divide-indigo-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--divide-opacity)); + .md\:pt-px { + padding-top: 1px; } - .md\:divide-indigo-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--divide-opacity)); + .md\:pr-px { + padding-right: 1px; } - .md\:divide-indigo-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--divide-opacity)); + .md\:pb-px { + padding-bottom: 1px; } - .md\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--divide-opacity)); + .md\:pl-px { + padding-left: 1px; } - .md\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--divide-opacity)); + .md\:pt-0\.5 { + padding-top: 0.125rem; } - .md\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--divide-opacity)); + .md\:pr-0\.5 { + padding-right: 0.125rem; } - .md\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--divide-opacity)); + .md\:pb-0\.5 { + padding-bottom: 0.125rem; } - .md\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--divide-opacity)); + .md\:pl-0\.5 { + padding-left: 0.125rem; } - .md\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--divide-opacity)); + .md\:pt-1\.5 { + padding-top: 0.375rem; } - .md\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--divide-opacity)); + .md\:pr-1\.5 { + padding-right: 0.375rem; } - .md\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--divide-opacity)); + .md\:pb-1\.5 { + padding-bottom: 0.375rem; } - .md\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--divide-opacity)); + .md\:pl-1\.5 { + padding-left: 0.375rem; } - .md\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--divide-opacity)); + .md\:pt-2\.5 { + padding-top: 0.625rem; } - .md\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .md\:pr-2\.5 { + padding-right: 0.625rem; } - .md\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--divide-opacity)); + .md\:pb-2\.5 { + padding-bottom: 0.625rem; } - .md\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--divide-opacity)); + .md\:pl-2\.5 { + padding-left: 0.625rem; } - .md\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--divide-opacity)); + .md\:pt-3\.5 { + padding-top: 0.875rem; } - .md\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--divide-opacity)); + .md\:pr-3\.5 { + padding-right: 0.875rem; } - .md\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--divide-opacity)); + .md\:pb-3\.5 { + padding-bottom: 0.875rem; } - .md\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--divide-opacity)); + .md\:pl-3\.5 { + padding-left: 0.875rem; } - .md\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--divide-opacity)); + .md\:pt-1\/2 { + padding-top: 50%; } - .md\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--divide-opacity)); + .md\:pr-1\/2 { + padding-right: 50%; } - .md\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--divide-opacity)); + .md\:pb-1\/2 { + padding-bottom: 50%; } - .md\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .md\:pl-1\/2 { + padding-left: 50%; } - .md\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .md\:pt-1\/3 { + padding-top: 33.333333%; } - .md\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .md\:pr-1\/3 { + padding-right: 33.333333%; } - .md\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .md\:pb-1\/3 { + padding-bottom: 33.333333%; } - .md\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .md\:pl-1\/3 { + padding-left: 33.333333%; } - .md\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .md\:pt-2\/3 { + padding-top: 66.666667%; } - .md\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .md\:pr-2\/3 { + padding-right: 66.666667%; } - .md\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .md\:pb-2\/3 { + padding-bottom: 66.666667%; } - .md\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .md\:pl-2\/3 { + padding-left: 66.666667%; } - .md\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .md\:pt-1\/4 { + padding-top: 25%; } - .md\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .md\:pr-1\/4 { + padding-right: 25%; } - .md\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:pb-1\/4 { + padding-bottom: 25%; } - .md\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .md\:pl-1\/4 { + padding-left: 25%; } - .md\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:pt-2\/4 { + padding-top: 50%; } - .md\:appearance-none { - appearance: none; + .md\:pr-2\/4 { + padding-right: 50%; } - .md\:bg-fixed { - background-attachment: fixed; + .md\:pb-2\/4 { + padding-bottom: 50%; } - .md\:bg-local { - background-attachment: local; + .md\:pl-2\/4 { + padding-left: 50%; } - .md\:bg-scroll { - background-attachment: scroll; + .md\:pt-3\/4 { + padding-top: 75%; } - .md\:bg-clip-border { - background-clip: border-box; + .md\:pr-3\/4 { + padding-right: 75%; } - .md\:bg-clip-padding { - background-clip: padding-box; + .md\:pb-3\/4 { + padding-bottom: 75%; } - .md\:bg-clip-content { - background-clip: content-box; + .md\:pl-3\/4 { + padding-left: 75%; } - .md\:bg-clip-text { - background-clip: text; + .md\:pt-1\/5 { + padding-top: 20%; } - .md\:bg-transparent { - background-color: transparent; + .md\:pr-1\/5 { + padding-right: 20%; } - .md\:bg-current { - background-color: currentColor; + .md\:pb-1\/5 { + padding-bottom: 20%; } - .md\:bg-black { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:pl-1\/5 { + padding-left: 20%; } - .md\:bg-white { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:pt-2\/5 { + padding-top: 40%; } - .md\:bg-gray-50 { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .md\:pr-2\/5 { + padding-right: 40%; } - .md\:bg-gray-100 { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .md\:pb-2\/5 { + padding-bottom: 40%; } - .md\:bg-gray-200 { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .md\:pl-2\/5 { + padding-left: 40%; } - .md\:bg-gray-300 { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .md\:pt-3\/5 { + padding-top: 60%; } - .md\:bg-gray-400 { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .md\:pr-3\/5 { + padding-right: 60%; } - .md\:bg-gray-500 { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .md\:pb-3\/5 { + padding-bottom: 60%; } - .md\:bg-gray-600 { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .md\:pl-3\/5 { + padding-left: 60%; } - .md\:bg-gray-700 { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .md\:pt-4\/5 { + padding-top: 80%; } - .md\:bg-gray-800 { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .md\:pr-4\/5 { + padding-right: 80%; } - .md\:bg-gray-900 { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .md\:pb-4\/5 { + padding-bottom: 80%; } - .md\:bg-red-50 { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .md\:pl-4\/5 { + padding-left: 80%; } - .md\:bg-red-100 { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .md\:pt-1\/6 { + padding-top: 16.666667%; } - .md\:bg-red-200 { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .md\:pr-1\/6 { + padding-right: 16.666667%; } - .md\:bg-red-300 { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .md\:pb-1\/6 { + padding-bottom: 16.666667%; } - .md\:bg-red-400 { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .md\:pl-1\/6 { + padding-left: 16.666667%; } - .md\:bg-red-500 { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .md\:pt-2\/6 { + padding-top: 33.333333%; } - .md\:bg-red-600 { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .md\:pr-2\/6 { + padding-right: 33.333333%; } - .md\:bg-red-700 { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .md\:pb-2\/6 { + padding-bottom: 33.333333%; } - .md\:bg-red-800 { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .md\:pl-2\/6 { + padding-left: 33.333333%; } - .md\:bg-red-900 { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .md\:pt-3\/6 { + padding-top: 50%; } - .md\:bg-orange-50 { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .md\:pr-3\/6 { + padding-right: 50%; } - .md\:bg-orange-100 { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .md\:pb-3\/6 { + padding-bottom: 50%; } - .md\:bg-orange-200 { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .md\:pl-3\/6 { + padding-left: 50%; } - .md\:bg-orange-300 { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .md\:pt-4\/6 { + padding-top: 66.666667%; } - .md\:bg-orange-400 { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .md\:pr-4\/6 { + padding-right: 66.666667%; } - .md\:bg-orange-500 { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .md\:pb-4\/6 { + padding-bottom: 66.666667%; } - .md\:bg-orange-600 { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .md\:pl-4\/6 { + padding-left: 66.666667%; } - .md\:bg-orange-700 { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .md\:pt-5\/6 { + padding-top: 83.333333%; } - .md\:bg-orange-800 { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .md\:pr-5\/6 { + padding-right: 83.333333%; } - .md\:bg-orange-900 { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .md\:pb-5\/6 { + padding-bottom: 83.333333%; } - .md\:bg-yellow-50 { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .md\:pl-5\/6 { + padding-left: 83.333333%; } - .md\:bg-yellow-100 { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .md\:pt-1\/12 { + padding-top: 8.333333%; } - .md\:bg-yellow-200 { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .md\:pr-1\/12 { + padding-right: 8.333333%; } - .md\:bg-yellow-300 { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .md\:pb-1\/12 { + padding-bottom: 8.333333%; } - .md\:bg-yellow-400 { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .md\:pl-1\/12 { + padding-left: 8.333333%; } - .md\:bg-yellow-500 { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .md\:pt-2\/12 { + padding-top: 16.666667%; } - .md\:bg-yellow-600 { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .md\:pr-2\/12 { + padding-right: 16.666667%; } - .md\:bg-yellow-700 { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .md\:pb-2\/12 { + padding-bottom: 16.666667%; } - .md\:bg-yellow-800 { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .md\:pl-2\/12 { + padding-left: 16.666667%; } - .md\:bg-yellow-900 { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .md\:pt-3\/12 { + padding-top: 25%; } - .md\:bg-green-50 { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .md\:pr-3\/12 { + padding-right: 25%; } - .md\:bg-green-100 { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .md\:pb-3\/12 { + padding-bottom: 25%; } - .md\:bg-green-200 { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .md\:pl-3\/12 { + padding-left: 25%; } - .md\:bg-green-300 { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .md\:pt-4\/12 { + padding-top: 33.333333%; } - .md\:bg-green-400 { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .md\:pr-4\/12 { + padding-right: 33.333333%; } - .md\:bg-green-500 { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .md\:pb-4\/12 { + padding-bottom: 33.333333%; } - .md\:bg-green-600 { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .md\:pl-4\/12 { + padding-left: 33.333333%; } - .md\:bg-green-700 { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .md\:pt-5\/12 { + padding-top: 41.666667%; } - .md\:bg-green-800 { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .md\:pr-5\/12 { + padding-right: 41.666667%; } - .md\:bg-green-900 { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .md\:pb-5\/12 { + padding-bottom: 41.666667%; } - .md\:bg-teal-50 { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .md\:pl-5\/12 { + padding-left: 41.666667%; } - .md\:bg-teal-100 { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .md\:pt-6\/12 { + padding-top: 50%; } - .md\:bg-teal-200 { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .md\:pr-6\/12 { + padding-right: 50%; } - .md\:bg-teal-300 { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .md\:pb-6\/12 { + padding-bottom: 50%; } - .md\:bg-teal-400 { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .md\:pl-6\/12 { + padding-left: 50%; } - .md\:bg-teal-500 { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .md\:pt-7\/12 { + padding-top: 58.333333%; } - .md\:bg-teal-600 { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .md\:pr-7\/12 { + padding-right: 58.333333%; } - .md\:bg-teal-700 { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .md\:pb-7\/12 { + padding-bottom: 58.333333%; } - .md\:bg-teal-800 { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .md\:pl-7\/12 { + padding-left: 58.333333%; } - .md\:bg-teal-900 { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .md\:pt-8\/12 { + padding-top: 66.666667%; } - .md\:bg-blue-50 { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .md\:pr-8\/12 { + padding-right: 66.666667%; } - .md\:bg-blue-100 { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .md\:pb-8\/12 { + padding-bottom: 66.666667%; } - .md\:bg-blue-200 { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .md\:pl-8\/12 { + padding-left: 66.666667%; } - .md\:bg-blue-300 { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .md\:pt-9\/12 { + padding-top: 75%; } - .md\:bg-blue-400 { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .md\:pr-9\/12 { + padding-right: 75%; } - .md\:bg-blue-500 { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .md\:pb-9\/12 { + padding-bottom: 75%; } - .md\:bg-blue-600 { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .md\:pl-9\/12 { + padding-left: 75%; } - .md\:bg-blue-700 { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .md\:pt-10\/12 { + padding-top: 83.333333%; } - .md\:bg-blue-800 { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .md\:pr-10\/12 { + padding-right: 83.333333%; } - .md\:bg-blue-900 { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .md\:pb-10\/12 { + padding-bottom: 83.333333%; } - .md\:bg-indigo-50 { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .md\:pl-10\/12 { + padding-left: 83.333333%; } - .md\:bg-indigo-100 { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .md\:pt-11\/12 { + padding-top: 91.666667%; } - .md\:bg-indigo-200 { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .md\:pr-11\/12 { + padding-right: 91.666667%; } - .md\:bg-indigo-300 { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .md\:pb-11\/12 { + padding-bottom: 91.666667%; } - .md\:bg-indigo-400 { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .md\:pl-11\/12 { + padding-left: 91.666667%; } - .md\:bg-indigo-500 { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .md\:pt-full { + padding-top: 100%; } - .md\:bg-indigo-600 { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .md\:pr-full { + padding-right: 100%; } - .md\:bg-indigo-700 { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .md\:pb-full { + padding-bottom: 100%; } - .md\:bg-indigo-800 { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .md\:pl-full { + padding-left: 100%; } - .md\:bg-indigo-900 { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .md\:placeholder-transparent::placeholder { + color: transparent; } - .md\:bg-purple-50 { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .md\:placeholder-current::placeholder { + color: currentColor; } - .md\:bg-purple-100 { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:bg-purple-200 { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:bg-purple-300 { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .md\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } - .md\:bg-purple-400 { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } - .md\:bg-purple-500 { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } - .md\:bg-purple-600 { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } - .md\:bg-purple-700 { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } - .md\:bg-purple-800 { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } - .md\:bg-purple-900 { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } - .md\:bg-pink-50 { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } - .md\:bg-pink-100 { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } - .md\:bg-pink-200 { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } - .md\:bg-pink-300 { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .md\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } - .md\:bg-pink-400 { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } - .md\:bg-pink-500 { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } - .md\:bg-pink-600 { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } - .md\:bg-pink-700 { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } - .md\:bg-pink-800 { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } - .md\:bg-pink-900 { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } - .md\:hover\:bg-current:hover { - background-color: currentColor; + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } - .md\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } - .md\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .md\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .md\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .md\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .md\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .md\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .md\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .md\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .md\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .md\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } - .md\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .md\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } - .md\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } - .md\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } - .md\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } - .md\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } - .md\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } - .md\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } - .md\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } - .md\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } - .md\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } - .md\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .md\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-50:hover { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-100:hover { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-200:hover { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-300:hover { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-400:hover { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-500:hover { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-600:hover { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-700:hover { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-800:hover { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } - .md\:hover\:bg-orange-900:hover { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .md\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .md\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .md\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .md\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .md\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .md\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .md\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .md\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .md\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .md\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } - .md\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .md\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } - .md\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } - .md\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } - .md\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } - .md\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } - .md\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } - .md\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } - .md\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } - .md\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } - .md\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } - .md\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .md\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-50:hover { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .md\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-100:hover { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .md\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-200:hover { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .md\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-300:hover { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .md\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-400:hover { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .md\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-500:hover { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .md\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-600:hover { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .md\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-700:hover { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .md\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-800:hover { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .md\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } - .md\:hover\:bg-teal-900:hover { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .md\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .md\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } - .md\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .md\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-50:hover { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-100:hover { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-200:hover { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-300:hover { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-400:hover { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-500:hover { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-600:hover { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-700:hover { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-800:hover { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } - .md\:hover\:bg-indigo-900:hover { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .md\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .md\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } - .md\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .md\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } - .md\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } - .md\:focus\:bg-transparent:focus { - background-color: transparent; + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } - .md\:focus\:bg-current:focus { - background-color: currentColor; + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } - .md\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } - .md\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .md\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .md\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .md\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .md\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .md\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .md\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .md\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .md\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .md\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } - .md\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } - .md\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } - .md\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } - .md\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } - .md\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } - .md\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } - .md\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } - .md\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } - .md\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } - .md\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } - .md\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .md\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-50:focus { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-100:focus { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-200:focus { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-300:focus { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-400:focus { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-500:focus { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-600:focus { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-700:focus { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-800:focus { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } - .md\:focus\:bg-orange-900:focus { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .md\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .md\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .md\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .md\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .md\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .md\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .md\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .md\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .md\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .md\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } - .md\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .md\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } - .md\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } - .md\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } - .md\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } - .md\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } - .md\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } - .md\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } - .md\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } - .md\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } - .md\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } - .md\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-50:focus { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-100:focus { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-200:focus { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-300:focus { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-400:focus { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-500:focus { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-600:focus { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-700:focus { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-800:focus { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .md\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } - .md\:focus\:bg-teal-900:focus { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .md\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } - .md\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .md\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-50:focus { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-100:focus { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-200:focus { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-300:focus { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .md\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-400:focus { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .md\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-500:focus { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-600:focus { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-700:focus { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-800:focus { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } - .md\:focus\:bg-indigo-900:focus { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); - } + @media (prefers-color-scheme: dark) { + .md\:dark\:placeholder-transparent::placeholder { + color: transparent; + } + + .md\:dark\:placeholder-current::placeholder { + color: currentColor; + } + + .md\:dark\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .md\:dark\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); - } + .md\:dark\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); - } + .md\:dark\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); - } + .md\:dark\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); - } + .md\:dark\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); - } + .md\:dark\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } - .md\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); - } + .md\:dark\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); - } + .md\:dark\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .md\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); - } + .md\:dark\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .md\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); - } + .md\:dark\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); - } + .md\:dark\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .md\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); - } + .md\:dark\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } - .md\:bg-none { - background-image: none; - } + .md\:dark\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } - .md\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); - } + .md\:dark\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } - .md\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:dark\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } - .md\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:dark\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } - .md\:from-black { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:dark\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } - .md\:from-white { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:dark\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } - .md\:from-gray-50 { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); - } + .md\:dark\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } - .md\:from-gray-100 { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); - } + .md\:dark\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } - .md\:from-gray-200 { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); - } + .md\:dark\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } - .md\:from-gray-300 { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); - } + .md\:dark\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } - .md\:from-gray-400 { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); - } + .md\:dark\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } - .md\:from-gray-500 { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); - } + .md\:dark\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } - .md\:from-gray-600 { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); - } + .md\:dark\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } - .md\:from-gray-700 { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); - } + .md\:dark\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } - .md\:from-gray-800 { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); - } + .md\:dark\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } - .md\:from-gray-900 { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); - } + .md\:dark\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } - .md\:from-red-50 { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); - } + .md\:dark\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } - .md\:from-red-100 { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); - } + .md\:dark\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } - .md\:from-red-200 { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); - } + .md\:dark\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } - .md\:from-red-300 { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); - } + .md\:dark\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } - .md\:from-red-400 { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); - } + .md\:dark\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } - .md\:from-red-500 { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); - } + .md\:dark\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } - .md\:from-red-600 { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); - } + .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } - .md\:from-red-700 { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); - } + .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } - .md\:from-red-800 { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); - } + .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } - .md\:from-red-900 { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); - } + .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } - .md\:from-orange-50 { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); - } + .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } - .md\:from-orange-100 { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); - } + .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } - .md\:from-orange-200 { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); - } + .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } - .md\:from-orange-300 { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); - } + .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } - .md\:from-orange-400 { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); - } + .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } - .md\:from-orange-500 { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); - } + .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } - .md\:from-orange-600 { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); - } + .md\:dark\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } - .md\:from-orange-700 { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); - } + .md\:dark\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } - .md\:from-orange-800 { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); - } + .md\:dark\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } - .md\:from-orange-900 { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); - } + .md\:dark\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } - .md\:from-yellow-50 { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); - } + .md\:dark\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } - .md\:from-yellow-100 { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); - } + .md\:dark\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } - .md\:from-yellow-200 { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); - } + .md\:dark\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } - .md\:from-yellow-300 { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); - } + .md\:dark\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } - .md\:from-yellow-400 { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); - } + .md\:dark\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } - .md\:from-yellow-500 { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); - } + .md\:dark\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } - .md\:from-yellow-600 { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); - } + .md\:dark\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } - .md\:from-yellow-700 { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); - } + .md\:dark\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } - .md\:from-yellow-800 { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); - } + .md\:dark\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } - .md\:from-yellow-900 { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); - } + .md\:dark\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } - .md\:from-green-50 { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); - } + .md\:dark\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } - .md\:from-green-100 { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); - } + .md\:dark\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } - .md\:from-green-200 { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); - } + .md\:dark\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } - .md\:from-green-300 { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); - } + .md\:dark\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } - .md\:from-green-400 { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); - } + .md\:dark\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } - .md\:from-green-500 { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); - } + .md\:dark\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } - .md\:from-green-600 { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); - } + .md\:dark\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } - .md\:from-green-700 { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); - } + .md\:dark\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } - .md\:from-green-800 { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); - } + .md\:dark\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } - .md\:from-green-900 { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); - } + .md\:dark\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } - .md\:from-teal-50 { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); - } + .md\:dark\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } - .md\:from-teal-100 { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); - } + .md\:dark\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } - .md\:from-teal-200 { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); - } + .md\:dark\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } - .md\:from-teal-300 { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); - } + .md\:dark\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } - .md\:from-teal-400 { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); - } + .md\:dark\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } - .md\:from-teal-500 { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); - } + .md\:dark\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } - .md\:from-teal-600 { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); - } + .md\:dark\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } - .md\:from-teal-700 { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); - } + .md\:dark\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } - .md\:from-teal-800 { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); - } + .md\:dark\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } - .md\:from-teal-900 { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); - } + .md\:dark\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } - .md\:from-blue-50 { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); - } + .md\:dark\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } - .md\:from-blue-100 { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); - } + .md\:dark\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } - .md\:from-blue-200 { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); - } + .md\:dark\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } - .md\:from-blue-300 { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); - } + .md\:dark\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } - .md\:from-blue-400 { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); - } + .md\:dark\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } - .md\:from-blue-500 { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); - } + .md\:dark\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } - .md\:from-blue-600 { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); - } + .md\:dark\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } - .md\:from-blue-700 { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); - } + .md\:dark\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } - .md\:from-blue-800 { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); - } + .md\:dark\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } - .md\:from-blue-900 { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); - } + .md\:dark\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } - .md\:from-indigo-50 { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); - } + .md\:dark\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } - .md\:from-indigo-100 { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); - } + .md\:dark\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } - .md\:from-indigo-200 { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); - } + .md\:dark\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } - .md\:from-indigo-300 { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); - } + .md\:dark\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } - .md\:from-indigo-400 { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); - } + .md\:dark\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } - .md\:from-indigo-500 { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); - } + .md\:dark\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } - .md\:from-indigo-600 { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); - } + .md\:dark\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .md\:from-indigo-700 { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); - } + .md\:dark\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } - .md\:from-indigo-800 { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); - } + .md\:dark\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } - .md\:from-indigo-900 { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); - } + .md\:dark\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } - .md\:from-purple-50 { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); - } + .md\:dark\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } - .md\:from-purple-100 { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); - } + .md\:dark\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } - .md\:from-purple-200 { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); - } + .md\:dark\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } - .md\:from-purple-300 { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); - } + .md\:dark\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } - .md\:from-purple-400 { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:dark\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .md\:dark\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } } - .md\:from-purple-500 { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .md\:from-purple-600 { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .md\:from-purple-700 { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .md\:from-purple-800 { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .md\:from-purple-900 { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .md\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .md\:from-pink-100 { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .md\:from-pink-200 { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .md\:from-pink-300 { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .md\:from-pink-400 { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .md\:from-pink-500 { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:pointer-events-none { + pointer-events: none; } - .md\:from-pink-600 { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:pointer-events-auto { + pointer-events: auto; } - .md\:from-pink-700 { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:static { + position: static; } - .md\:from-pink-800 { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:fixed { + position: fixed; } - .md\:from-pink-900 { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:absolute { + position: absolute; } - .md\:via-transparent { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:relative { + position: relative; } - .md\:via-current { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:sticky { + position: sticky; } - .md\:via-black { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:via-white { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .md\:via-gray-50 { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .md\:via-gray-100 { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .md\:via-gray-200 { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .md\:via-gray-300 { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .md\:via-gray-400 { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .md\:via-gray-500 { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .md\:via-gray-600 { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .md\:via-gray-700 { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .md\:via-gray-800 { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .md\:via-gray-900 { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } - .md\:via-red-50 { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .md\:via-red-100 { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:inset-13 { + top: 3.25rem; + right: 3.25rem; + bottom: 3.25rem; + left: 3.25rem; } - .md\:via-red-200 { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .md\:via-red-300 { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:inset-15 { + top: 3.75rem; + right: 3.75rem; + bottom: 3.75rem; + left: 3.75rem; } - .md\:via-red-400 { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .md\:via-red-500 { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .md\:via-red-600 { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .md\:via-red-700 { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .md\:via-red-800 { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .md\:via-red-900 { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .md\:via-orange-50 { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .md\:via-orange-100 { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .md\:via-orange-200 { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .md\:via-orange-300 { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .md\:via-orange-400 { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .md\:via-orange-500 { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .md\:via-orange-600 { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .md\:via-orange-700 { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .md\:via-orange-800 { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .md\:via-orange-900 { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .md\:via-yellow-50 { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:via-yellow-100 { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .md\:via-yellow-200 { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .md\:via-yellow-300 { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .md\:via-yellow-400 { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .md\:via-yellow-500 { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .md\:via-yellow-600 { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:via-yellow-700 { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:via-yellow-800 { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:via-yellow-900 { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:via-green-50 { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:via-green-100 { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:via-green-200 { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:inset-1\/5 { + top: 20%; + right: 20%; + bottom: 20%; + left: 20%; } - .md\:via-green-300 { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:inset-2\/5 { + top: 40%; + right: 40%; + bottom: 40%; + left: 40%; } - .md\:via-green-400 { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:inset-3\/5 { + top: 60%; + right: 60%; + bottom: 60%; + left: 60%; } - .md\:via-green-500 { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:inset-4\/5 { + top: 80%; + right: 80%; + bottom: 80%; + left: 80%; } - .md\:via-green-600 { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:inset-1\/6 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } - .md\:via-green-700 { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:inset-2\/6 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:via-green-800 { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:inset-3\/6 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:via-green-900 { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:inset-4\/6 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:via-teal-50 { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:inset-5\/6 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } - .md\:via-teal-100 { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:inset-1\/12 { + top: 8.333333%; + right: 8.333333%; + bottom: 8.333333%; + left: 8.333333%; } - .md\:via-teal-200 { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:inset-2\/12 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } - .md\:via-teal-300 { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:inset-3\/12 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:via-teal-400 { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:inset-4\/12 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:via-teal-500 { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:inset-5\/12 { + top: 41.666667%; + right: 41.666667%; + bottom: 41.666667%; + left: 41.666667%; } - .md\:via-teal-600 { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:inset-6\/12 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:via-teal-700 { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:inset-7\/12 { + top: 58.333333%; + right: 58.333333%; + bottom: 58.333333%; + left: 58.333333%; } - .md\:via-teal-800 { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:inset-8\/12 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:via-teal-900 { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:inset-9\/12 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:via-blue-50 { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:inset-10\/12 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } - .md\:via-blue-100 { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:inset-11\/12 { + top: 91.666667%; + right: 91.666667%; + bottom: 91.666667%; + left: 91.666667%; } - .md\:via-blue-200 { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .md\:via-blue-300 { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:via-blue-400 { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:inset-x-0 { + right: 0; + left: 0; } - .md\:via-blue-500 { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .md\:via-blue-600 { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .md\:via-blue-700 { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .md\:via-blue-800 { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .md\:via-blue-900 { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .md\:via-indigo-50 { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .md\:via-indigo-100 { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .md\:via-indigo-200 { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:inset-x-4 { + right: 1rem; + left: 1rem; } - .md\:via-indigo-300 { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .md\:via-indigo-400 { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .md\:via-indigo-500 { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .md\:via-indigo-600 { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .md\:via-indigo-700 { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .md\:via-indigo-800 { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .md\:via-indigo-900 { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .md\:via-purple-50 { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:inset-x-8 { + right: 2rem; + left: 2rem; } - .md\:via-purple-100 { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .md\:via-purple-200 { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .md\:via-purple-300 { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .md\:via-purple-400 { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .md\:via-purple-500 { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } - .md\:via-purple-600 { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:inset-x-11 { + right: 2.75rem; + left: 2.75rem; } - .md\:via-purple-700 { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .md\:via-purple-800 { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:inset-x-12 { + right: 3rem; + left: 3rem; } - .md\:via-purple-900 { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:inset-y-13 { + top: 3.25rem; + bottom: 3.25rem; } - .md\:via-pink-50 { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:inset-x-13 { + right: 3.25rem; + left: 3.25rem; } - .md\:via-pink-100 { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .md\:via-pink-200 { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .md\:via-pink-300 { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:inset-y-15 { + top: 3.75rem; + bottom: 3.75rem; } - .md\:via-pink-400 { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:inset-x-15 { + right: 3.75rem; + left: 3.75rem; } - .md\:via-pink-500 { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .md\:via-pink-600 { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:inset-x-16 { + right: 4rem; + left: 4rem; } - .md\:via-pink-700 { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .md\:via-pink-800 { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:inset-x-20 { + right: 5rem; + left: 5rem; } - .md\:via-pink-900 { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .md\:to-transparent { - --gradient-to-color: transparent; + .md\:inset-x-24 { + right: 6rem; + left: 6rem; } - .md\:to-current { - --gradient-to-color: currentColor; + .md\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .md\:to-black { - --gradient-to-color: #000000; + .md\:inset-x-28 { + right: 7rem; + left: 7rem; } - .md\:to-white { - --gradient-to-color: #ffffff; + .md\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .md\:to-gray-50 { - --gradient-to-color: #f9fafb; + .md\:inset-x-32 { + right: 8rem; + left: 8rem; } - .md\:to-gray-100 { - --gradient-to-color: #f4f5f7; + .md\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .md\:to-gray-200 { - --gradient-to-color: #e5e7eb; + .md\:inset-x-36 { + right: 9rem; + left: 9rem; } - .md\:to-gray-300 { - --gradient-to-color: #d2d6dc; + .md\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .md\:to-gray-400 { - --gradient-to-color: #9fa6b2; + .md\:inset-x-40 { + right: 10rem; + left: 10rem; } - .md\:to-gray-500 { - --gradient-to-color: #6b7280; + .md\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .md\:to-gray-600 { - --gradient-to-color: #4b5563; + .md\:inset-x-44 { + right: 11rem; + left: 11rem; } - .md\:to-gray-700 { - --gradient-to-color: #374151; + .md\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .md\:to-gray-800 { - --gradient-to-color: #252f3f; + .md\:inset-x-48 { + right: 12rem; + left: 12rem; } - .md\:to-gray-900 { - --gradient-to-color: #161e2e; + .md\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .md\:to-red-50 { - --gradient-to-color: #fdf2f2; + .md\:inset-x-52 { + right: 13rem; + left: 13rem; } - .md\:to-red-100 { - --gradient-to-color: #fde8e8; + .md\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .md\:to-red-200 { - --gradient-to-color: #fbd5d5; + .md\:inset-x-56 { + right: 14rem; + left: 14rem; } - .md\:to-red-300 { - --gradient-to-color: #f8b4b4; + .md\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .md\:to-red-400 { - --gradient-to-color: #f98080; + .md\:inset-x-60 { + right: 15rem; + left: 15rem; } - .md\:to-red-500 { - --gradient-to-color: #f05252; + .md\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .md\:to-red-600 { - --gradient-to-color: #e02424; + .md\:inset-x-64 { + right: 16rem; + left: 16rem; } - .md\:to-red-700 { - --gradient-to-color: #c81e1e; + .md\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .md\:to-red-800 { - --gradient-to-color: #9b1c1c; + .md\:inset-x-72 { + right: 18rem; + left: 18rem; } - .md\:to-red-900 { - --gradient-to-color: #771d1d; + .md\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .md\:to-orange-50 { - --gradient-to-color: #fff8f1; + .md\:inset-x-80 { + right: 20rem; + left: 20rem; } - .md\:to-orange-100 { - --gradient-to-color: #feecdc; + .md\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .md\:to-orange-200 { - --gradient-to-color: #fcd9bd; + .md\:inset-x-96 { + right: 24rem; + left: 24rem; } - .md\:to-orange-300 { - --gradient-to-color: #fdba8c; + .md\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:to-orange-400 { - --gradient-to-color: #ff8a4c; + .md\:inset-x-auto { + right: auto; + left: auto; } - .md\:to-orange-500 { - --gradient-to-color: #ff5a1f; + .md\:inset-y-px { + top: 1px; + bottom: 1px; } - .md\:to-orange-600 { - --gradient-to-color: #d03801; + .md\:inset-x-px { + right: 1px; + left: 1px; } - .md\:to-orange-700 { - --gradient-to-color: #b43403; + .md\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .md\:to-orange-800 { - --gradient-to-color: #8a2c0d; + .md\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .md\:to-orange-900 { - --gradient-to-color: #73230d; + .md\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .md\:to-yellow-50 { - --gradient-to-color: #fdfdea; + .md\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .md\:to-yellow-100 { - --gradient-to-color: #fdf6b2; + .md\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .md\:to-yellow-200 { - --gradient-to-color: #fce96a; + .md\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .md\:to-yellow-300 { - --gradient-to-color: #faca15; + .md\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .md\:to-yellow-400 { - --gradient-to-color: #e3a008; + .md\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .md\:to-yellow-500 { - --gradient-to-color: #c27803; + .md\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .md\:to-yellow-600 { - --gradient-to-color: #9f580a; + .md\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .md\:to-yellow-700 { - --gradient-to-color: #8e4b10; + .md\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:to-yellow-800 { - --gradient-to-color: #723b13; + .md\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .md\:to-yellow-900 { - --gradient-to-color: #633112; + .md\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:to-green-50 { - --gradient-to-color: #f3faf7; + .md\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .md\:to-green-100 { - --gradient-to-color: #def7ec; + .md\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .md\:to-green-200 { - --gradient-to-color: #bcf0da; + .md\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .md\:to-green-300 { - --gradient-to-color: #84e1bc; + .md\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .md\:to-green-400 { - --gradient-to-color: #31c48d; + .md\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .md\:to-green-500 { - --gradient-to-color: #0e9f6e; + .md\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .md\:to-green-600 { - --gradient-to-color: #057a55; + .md\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .md\:to-green-700 { - --gradient-to-color: #046c4e; + .md\:inset-y-1\/5 { + top: 20%; + bottom: 20%; } - .md\:to-green-800 { - --gradient-to-color: #03543f; + .md\:inset-x-1\/5 { + right: 20%; + left: 20%; } - .md\:to-green-900 { - --gradient-to-color: #014737; + .md\:inset-y-2\/5 { + top: 40%; + bottom: 40%; } - .md\:to-teal-50 { - --gradient-to-color: #edfafa; + .md\:inset-x-2\/5 { + right: 40%; + left: 40%; } - .md\:to-teal-100 { - --gradient-to-color: #d5f5f6; + .md\:inset-y-3\/5 { + top: 60%; + bottom: 60%; } - .md\:to-teal-200 { - --gradient-to-color: #afecef; + .md\:inset-x-3\/5 { + right: 60%; + left: 60%; } - .md\:to-teal-300 { - --gradient-to-color: #7edce2; + .md\:inset-y-4\/5 { + top: 80%; + bottom: 80%; } - .md\:to-teal-400 { - --gradient-to-color: #16bdca; + .md\:inset-x-4\/5 { + right: 80%; + left: 80%; } - .md\:to-teal-500 { - --gradient-to-color: #0694a2; + .md\:inset-y-1\/6 { + top: 16.666667%; + bottom: 16.666667%; } - .md\:to-teal-600 { - --gradient-to-color: #047481; + .md\:inset-x-1\/6 { + right: 16.666667%; + left: 16.666667%; } - .md\:to-teal-700 { - --gradient-to-color: #036672; + .md\:inset-y-2\/6 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:to-teal-800 { - --gradient-to-color: #05505c; + .md\:inset-x-2\/6 { + right: 33.333333%; + left: 33.333333%; } - .md\:to-teal-900 { - --gradient-to-color: #014451; + .md\:inset-y-3\/6 { + top: 50%; + bottom: 50%; } - .md\:to-blue-50 { - --gradient-to-color: #ebf5ff; + .md\:inset-x-3\/6 { + right: 50%; + left: 50%; } - .md\:to-blue-100 { - --gradient-to-color: #e1effe; + .md\:inset-y-4\/6 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:to-blue-200 { - --gradient-to-color: #c3ddfd; + .md\:inset-x-4\/6 { + right: 66.666667%; + left: 66.666667%; } - .md\:to-blue-300 { - --gradient-to-color: #a4cafe; + .md\:inset-y-5\/6 { + top: 83.333333%; + bottom: 83.333333%; } - .md\:to-blue-400 { - --gradient-to-color: #76a9fa; + .md\:inset-x-5\/6 { + right: 83.333333%; + left: 83.333333%; } - .md\:to-blue-500 { - --gradient-to-color: #3f83f8; + .md\:inset-y-1\/12 { + top: 8.333333%; + bottom: 8.333333%; } - .md\:to-blue-600 { - --gradient-to-color: #1c64f2; + .md\:inset-x-1\/12 { + right: 8.333333%; + left: 8.333333%; } - .md\:to-blue-700 { - --gradient-to-color: #1a56db; + .md\:inset-y-2\/12 { + top: 16.666667%; + bottom: 16.666667%; } - .md\:to-blue-800 { - --gradient-to-color: #1e429f; + .md\:inset-x-2\/12 { + right: 16.666667%; + left: 16.666667%; } - .md\:to-blue-900 { - --gradient-to-color: #233876; + .md\:inset-y-3\/12 { + top: 25%; + bottom: 25%; } - .md\:to-indigo-50 { - --gradient-to-color: #f0f5ff; + .md\:inset-x-3\/12 { + right: 25%; + left: 25%; } - .md\:to-indigo-100 { - --gradient-to-color: #e5edff; + .md\:inset-y-4\/12 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:to-indigo-200 { - --gradient-to-color: #cddbfe; + .md\:inset-x-4\/12 { + right: 33.333333%; + left: 33.333333%; } - .md\:to-indigo-300 { - --gradient-to-color: #b4c6fc; + .md\:inset-y-5\/12 { + top: 41.666667%; + bottom: 41.666667%; } - .md\:to-indigo-400 { - --gradient-to-color: #8da2fb; + .md\:inset-x-5\/12 { + right: 41.666667%; + left: 41.666667%; } - .md\:to-indigo-500 { - --gradient-to-color: #6875f5; + .md\:inset-y-6\/12 { + top: 50%; + bottom: 50%; } - .md\:to-indigo-600 { - --gradient-to-color: #5850ec; + .md\:inset-x-6\/12 { + right: 50%; + left: 50%; } - .md\:to-indigo-700 { - --gradient-to-color: #5145cd; + .md\:inset-y-7\/12 { + top: 58.333333%; + bottom: 58.333333%; } - .md\:to-indigo-800 { - --gradient-to-color: #42389d; + .md\:inset-x-7\/12 { + right: 58.333333%; + left: 58.333333%; } - .md\:to-indigo-900 { - --gradient-to-color: #362f78; + .md\:inset-y-8\/12 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:to-purple-50 { - --gradient-to-color: #f6f5ff; + .md\:inset-x-8\/12 { + right: 66.666667%; + left: 66.666667%; } - .md\:to-purple-100 { - --gradient-to-color: #edebfe; + .md\:inset-y-9\/12 { + top: 75%; + bottom: 75%; } - .md\:to-purple-200 { - --gradient-to-color: #dcd7fe; + .md\:inset-x-9\/12 { + right: 75%; + left: 75%; } - .md\:to-purple-300 { - --gradient-to-color: #cabffd; + .md\:inset-y-10\/12 { + top: 83.333333%; + bottom: 83.333333%; } - .md\:to-purple-400 { - --gradient-to-color: #ac94fa; + .md\:inset-x-10\/12 { + right: 83.333333%; + left: 83.333333%; } - .md\:to-purple-500 { - --gradient-to-color: #9061f9; + .md\:inset-y-11\/12 { + top: 91.666667%; + bottom: 91.666667%; } - .md\:to-purple-600 { - --gradient-to-color: #7e3af2; + .md\:inset-x-11\/12 { + right: 91.666667%; + left: 91.666667%; } - .md\:to-purple-700 { - --gradient-to-color: #6c2bd9; + .md\:inset-y-full { + top: 100%; + bottom: 100%; } - .md\:to-purple-800 { - --gradient-to-color: #5521b5; + .md\:inset-x-full { + right: 100%; + left: 100%; } - .md\:to-purple-900 { - --gradient-to-color: #4a1d96; + .md\:top-0 { + top: 0; } - .md\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .md\:right-0 { + right: 0; } - .md\:to-pink-100 { - --gradient-to-color: #fce8f3; + .md\:bottom-0 { + bottom: 0; } - .md\:to-pink-200 { - --gradient-to-color: #fad1e8; + .md\:left-0 { + left: 0; } - .md\:to-pink-300 { - --gradient-to-color: #f8b4d9; + .md\:top-1 { + top: 0.25rem; } - .md\:to-pink-400 { - --gradient-to-color: #f17eb8; + .md\:right-1 { + right: 0.25rem; } - .md\:to-pink-500 { - --gradient-to-color: #e74694; + .md\:bottom-1 { + bottom: 0.25rem; } - .md\:to-pink-600 { - --gradient-to-color: #d61f69; + .md\:left-1 { + left: 0.25rem; } - .md\:to-pink-700 { - --gradient-to-color: #bf125d; + .md\:top-2 { + top: 0.5rem; } - .md\:to-pink-800 { - --gradient-to-color: #99154b; + .md\:right-2 { + right: 0.5rem; } - .md\:to-pink-900 { - --gradient-to-color: #751a3d; + .md\:bottom-2 { + bottom: 0.5rem; } - .md\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:left-2 { + left: 0.5rem; } - .md\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:top-3 { + top: 0.75rem; } - .md\:hover\:from-black:hover { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:right-3 { + right: 0.75rem; } - .md\:hover\:from-white:hover { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:bottom-3 { + bottom: 0.75rem; } - .md\:hover\:from-gray-50:hover { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:left-3 { + left: 0.75rem; } - .md\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:top-4 { + top: 1rem; } - .md\:hover\:from-gray-200:hover { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:right-4 { + right: 1rem; } - .md\:hover\:from-gray-300:hover { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:bottom-4 { + bottom: 1rem; } - .md\:hover\:from-gray-400:hover { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:left-4 { + left: 1rem; } - .md\:hover\:from-gray-500:hover { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:top-5 { + top: 1.25rem; } - .md\:hover\:from-gray-600:hover { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:right-5 { + right: 1.25rem; } - .md\:hover\:from-gray-700:hover { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:bottom-5 { + bottom: 1.25rem; } - .md\:hover\:from-gray-800:hover { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:left-5 { + left: 1.25rem; } - .md\:hover\:from-gray-900:hover { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:top-6 { + top: 1.5rem; } - .md\:hover\:from-red-50:hover { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:right-6 { + right: 1.5rem; } - .md\:hover\:from-red-100:hover { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:bottom-6 { + bottom: 1.5rem; } - .md\:hover\:from-red-200:hover { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:left-6 { + left: 1.5rem; } - .md\:hover\:from-red-300:hover { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:top-7 { + top: 1.75rem; } - .md\:hover\:from-red-400:hover { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:right-7 { + right: 1.75rem; } - .md\:hover\:from-red-500:hover { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:bottom-7 { + bottom: 1.75rem; } - .md\:hover\:from-red-600:hover { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:left-7 { + left: 1.75rem; } - .md\:hover\:from-red-700:hover { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:top-8 { + top: 2rem; } - .md\:hover\:from-red-800:hover { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:right-8 { + right: 2rem; } - .md\:hover\:from-red-900:hover { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:bottom-8 { + bottom: 2rem; } - .md\:hover\:from-orange-50:hover { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:left-8 { + left: 2rem; } - .md\:hover\:from-orange-100:hover { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:top-9 { + top: 2.25rem; } - .md\:hover\:from-orange-200:hover { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:right-9 { + right: 2.25rem; } - .md\:hover\:from-orange-300:hover { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:bottom-9 { + bottom: 2.25rem; } - .md\:hover\:from-orange-400:hover { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:left-9 { + left: 2.25rem; } - .md\:hover\:from-orange-500:hover { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:top-10 { + top: 2.5rem; } - .md\:hover\:from-orange-600:hover { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:right-10 { + right: 2.5rem; } - .md\:hover\:from-orange-700:hover { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:bottom-10 { + bottom: 2.5rem; } - .md\:hover\:from-orange-800:hover { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:left-10 { + left: 2.5rem; } - .md\:hover\:from-orange-900:hover { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:top-11 { + top: 2.75rem; } - .md\:hover\:from-yellow-50:hover { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:right-11 { + right: 2.75rem; } - .md\:hover\:from-yellow-100:hover { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:bottom-11 { + bottom: 2.75rem; } - .md\:hover\:from-yellow-200:hover { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:left-11 { + left: 2.75rem; } - .md\:hover\:from-yellow-300:hover { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:top-12 { + top: 3rem; } - .md\:hover\:from-yellow-400:hover { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:right-12 { + right: 3rem; } - .md\:hover\:from-yellow-500:hover { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:bottom-12 { + bottom: 3rem; } - .md\:hover\:from-yellow-600:hover { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:left-12 { + left: 3rem; } - .md\:hover\:from-yellow-700:hover { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:top-13 { + top: 3.25rem; } - .md\:hover\:from-yellow-800:hover { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:right-13 { + right: 3.25rem; } - .md\:hover\:from-yellow-900:hover { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:bottom-13 { + bottom: 3.25rem; } - .md\:hover\:from-green-50:hover { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:left-13 { + left: 3.25rem; } - .md\:hover\:from-green-100:hover { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:top-14 { + top: 3.5rem; } - .md\:hover\:from-green-200:hover { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:right-14 { + right: 3.5rem; } - .md\:hover\:from-green-300:hover { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:bottom-14 { + bottom: 3.5rem; } - .md\:hover\:from-green-400:hover { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:left-14 { + left: 3.5rem; } - .md\:hover\:from-green-500:hover { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:top-15 { + top: 3.75rem; } - .md\:hover\:from-green-600:hover { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:right-15 { + right: 3.75rem; } - .md\:hover\:from-green-700:hover { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:bottom-15 { + bottom: 3.75rem; } - .md\:hover\:from-green-800:hover { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:left-15 { + left: 3.75rem; } - .md\:hover\:from-green-900:hover { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:top-16 { + top: 4rem; } - .md\:hover\:from-teal-50:hover { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:right-16 { + right: 4rem; } - .md\:hover\:from-teal-100:hover { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:bottom-16 { + bottom: 4rem; } - .md\:hover\:from-teal-200:hover { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:left-16 { + left: 4rem; } - .md\:hover\:from-teal-300:hover { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:top-20 { + top: 5rem; } - .md\:hover\:from-teal-400:hover { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:right-20 { + right: 5rem; } - .md\:hover\:from-teal-500:hover { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:bottom-20 { + bottom: 5rem; } - .md\:hover\:from-teal-600:hover { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:left-20 { + left: 5rem; } - .md\:hover\:from-teal-700:hover { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:top-24 { + top: 6rem; } - .md\:hover\:from-teal-800:hover { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:right-24 { + right: 6rem; } - .md\:hover\:from-teal-900:hover { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:bottom-24 { + bottom: 6rem; } - .md\:hover\:from-blue-50:hover { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:left-24 { + left: 6rem; } - .md\:hover\:from-blue-100:hover { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:top-28 { + top: 7rem; } - .md\:hover\:from-blue-200:hover { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:right-28 { + right: 7rem; } - .md\:hover\:from-blue-300:hover { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:bottom-28 { + bottom: 7rem; } - .md\:hover\:from-blue-400:hover { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:left-28 { + left: 7rem; } - .md\:hover\:from-blue-500:hover { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:top-32 { + top: 8rem; } - .md\:hover\:from-blue-600:hover { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:right-32 { + right: 8rem; } - .md\:hover\:from-blue-700:hover { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:bottom-32 { + bottom: 8rem; } - .md\:hover\:from-blue-800:hover { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:left-32 { + left: 8rem; } - .md\:hover\:from-blue-900:hover { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:top-36 { + top: 9rem; } - .md\:hover\:from-indigo-50:hover { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:right-36 { + right: 9rem; } - .md\:hover\:from-indigo-100:hover { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:bottom-36 { + bottom: 9rem; } - .md\:hover\:from-indigo-200:hover { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:left-36 { + left: 9rem; } - .md\:hover\:from-indigo-300:hover { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:top-40 { + top: 10rem; } - .md\:hover\:from-indigo-400:hover { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:right-40 { + right: 10rem; } - .md\:hover\:from-indigo-500:hover { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:bottom-40 { + bottom: 10rem; } - .md\:hover\:from-indigo-600:hover { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:left-40 { + left: 10rem; } - .md\:hover\:from-indigo-700:hover { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:top-44 { + top: 11rem; } - .md\:hover\:from-indigo-800:hover { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:right-44 { + right: 11rem; } - .md\:hover\:from-indigo-900:hover { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:bottom-44 { + bottom: 11rem; } - .md\:hover\:from-purple-50:hover { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:left-44 { + left: 11rem; } - .md\:hover\:from-purple-100:hover { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:top-48 { + top: 12rem; } - .md\:hover\:from-purple-200:hover { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:right-48 { + right: 12rem; } - .md\:hover\:from-purple-300:hover { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:bottom-48 { + bottom: 12rem; } - .md\:hover\:from-purple-400:hover { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:left-48 { + left: 12rem; } - .md\:hover\:from-purple-500:hover { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:top-52 { + top: 13rem; } - .md\:hover\:from-purple-600:hover { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:right-52 { + right: 13rem; } - .md\:hover\:from-purple-700:hover { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:bottom-52 { + bottom: 13rem; } - .md\:hover\:from-purple-800:hover { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:left-52 { + left: 13rem; } - .md\:hover\:from-purple-900:hover { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:top-56 { + top: 14rem; } - .md\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:right-56 { + right: 14rem; } - .md\:hover\:from-pink-100:hover { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:bottom-56 { + bottom: 14rem; } - .md\:hover\:from-pink-200:hover { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:left-56 { + left: 14rem; } - .md\:hover\:from-pink-300:hover { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:top-60 { + top: 15rem; } - .md\:hover\:from-pink-400:hover { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:right-60 { + right: 15rem; } - .md\:hover\:from-pink-500:hover { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:bottom-60 { + bottom: 15rem; } - .md\:hover\:from-pink-600:hover { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:left-60 { + left: 15rem; } - .md\:hover\:from-pink-700:hover { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:top-64 { + top: 16rem; } - .md\:hover\:from-pink-800:hover { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:right-64 { + right: 16rem; } - .md\:hover\:from-pink-900:hover { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:bottom-64 { + bottom: 16rem; } - .md\:hover\:via-transparent:hover { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:left-64 { + left: 16rem; } - .md\:hover\:via-current:hover { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:top-72 { + top: 18rem; } - .md\:hover\:via-black:hover { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:right-72 { + right: 18rem; } - .md\:hover\:via-white:hover { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:bottom-72 { + bottom: 18rem; } - .md\:hover\:via-gray-50:hover { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:left-72 { + left: 18rem; } - .md\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:top-80 { + top: 20rem; } - .md\:hover\:via-gray-200:hover { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:right-80 { + right: 20rem; } - .md\:hover\:via-gray-300:hover { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:bottom-80 { + bottom: 20rem; } - .md\:hover\:via-gray-400:hover { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:left-80 { + left: 20rem; } - .md\:hover\:via-gray-500:hover { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:top-96 { + top: 24rem; } - .md\:hover\:via-gray-600:hover { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:right-96 { + right: 24rem; } - .md\:hover\:via-gray-700:hover { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:bottom-96 { + bottom: 24rem; } - .md\:hover\:via-gray-800:hover { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:left-96 { + left: 24rem; } - .md\:hover\:via-gray-900:hover { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:top-auto { + top: auto; } - .md\:hover\:via-red-50:hover { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:right-auto { + right: auto; } - .md\:hover\:via-red-100:hover { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:bottom-auto { + bottom: auto; } - .md\:hover\:via-red-200:hover { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:left-auto { + left: auto; } - .md\:hover\:via-red-300:hover { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:top-px { + top: 1px; } - .md\:hover\:via-red-400:hover { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:right-px { + right: 1px; } - .md\:hover\:via-red-500:hover { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:bottom-px { + bottom: 1px; } - .md\:hover\:via-red-600:hover { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:left-px { + left: 1px; } - .md\:hover\:via-red-700:hover { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:top-0\.5 { + top: 0.125rem; } - .md\:hover\:via-red-800:hover { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:right-0\.5 { + right: 0.125rem; } - .md\:hover\:via-red-900:hover { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:bottom-0\.5 { + bottom: 0.125rem; } - .md\:hover\:via-orange-50:hover { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:left-0\.5 { + left: 0.125rem; } - .md\:hover\:via-orange-100:hover { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:top-1\.5 { + top: 0.375rem; } - .md\:hover\:via-orange-200:hover { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:right-1\.5 { + right: 0.375rem; } - .md\:hover\:via-orange-300:hover { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:bottom-1\.5 { + bottom: 0.375rem; } - .md\:hover\:via-orange-400:hover { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:left-1\.5 { + left: 0.375rem; } - .md\:hover\:via-orange-500:hover { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:top-2\.5 { + top: 0.625rem; } - .md\:hover\:via-orange-600:hover { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:right-2\.5 { + right: 0.625rem; } - .md\:hover\:via-orange-700:hover { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:bottom-2\.5 { + bottom: 0.625rem; } - .md\:hover\:via-orange-800:hover { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:left-2\.5 { + left: 0.625rem; } - .md\:hover\:via-orange-900:hover { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:top-3\.5 { + top: 0.875rem; } - .md\:hover\:via-yellow-50:hover { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:right-3\.5 { + right: 0.875rem; } - .md\:hover\:via-yellow-100:hover { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:bottom-3\.5 { + bottom: 0.875rem; } - .md\:hover\:via-yellow-200:hover { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:left-3\.5 { + left: 0.875rem; } - .md\:hover\:via-yellow-300:hover { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:top-1\/2 { + top: 50%; } - .md\:hover\:via-yellow-400:hover { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:right-1\/2 { + right: 50%; } - .md\:hover\:via-yellow-500:hover { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:bottom-1\/2 { + bottom: 50%; } - .md\:hover\:via-yellow-600:hover { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:left-1\/2 { + left: 50%; } - .md\:hover\:via-yellow-700:hover { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:top-1\/3 { + top: 33.333333%; } - .md\:hover\:via-yellow-800:hover { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:right-1\/3 { + right: 33.333333%; } - .md\:hover\:via-yellow-900:hover { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:bottom-1\/3 { + bottom: 33.333333%; } - .md\:hover\:via-green-50:hover { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:left-1\/3 { + left: 33.333333%; } - .md\:hover\:via-green-100:hover { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:top-2\/3 { + top: 66.666667%; } - .md\:hover\:via-green-200:hover { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:right-2\/3 { + right: 66.666667%; } - .md\:hover\:via-green-300:hover { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:bottom-2\/3 { + bottom: 66.666667%; } - .md\:hover\:via-green-400:hover { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:left-2\/3 { + left: 66.666667%; } - .md\:hover\:via-green-500:hover { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:top-1\/4 { + top: 25%; } - .md\:hover\:via-green-600:hover { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:right-1\/4 { + right: 25%; } - .md\:hover\:via-green-700:hover { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:bottom-1\/4 { + bottom: 25%; } - .md\:hover\:via-green-800:hover { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:left-1\/4 { + left: 25%; } - .md\:hover\:via-green-900:hover { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:top-2\/4 { + top: 50%; } - .md\:hover\:via-teal-50:hover { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:right-2\/4 { + right: 50%; } - .md\:hover\:via-teal-100:hover { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:bottom-2\/4 { + bottom: 50%; } - .md\:hover\:via-teal-200:hover { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:left-2\/4 { + left: 50%; } - .md\:hover\:via-teal-300:hover { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:top-3\/4 { + top: 75%; } - .md\:hover\:via-teal-400:hover { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:right-3\/4 { + right: 75%; } - .md\:hover\:via-teal-500:hover { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:bottom-3\/4 { + bottom: 75%; } - .md\:hover\:via-teal-600:hover { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:left-3\/4 { + left: 75%; } - .md\:hover\:via-teal-700:hover { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:top-1\/5 { + top: 20%; } - .md\:hover\:via-teal-800:hover { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:right-1\/5 { + right: 20%; } - .md\:hover\:via-teal-900:hover { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:bottom-1\/5 { + bottom: 20%; } - .md\:hover\:via-blue-50:hover { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:left-1\/5 { + left: 20%; } - .md\:hover\:via-blue-100:hover { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:top-2\/5 { + top: 40%; } - .md\:hover\:via-blue-200:hover { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:right-2\/5 { + right: 40%; } - .md\:hover\:via-blue-300:hover { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:bottom-2\/5 { + bottom: 40%; } - .md\:hover\:via-blue-400:hover { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:left-2\/5 { + left: 40%; } - .md\:hover\:via-blue-500:hover { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:top-3\/5 { + top: 60%; } - .md\:hover\:via-blue-600:hover { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:right-3\/5 { + right: 60%; } - .md\:hover\:via-blue-700:hover { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:bottom-3\/5 { + bottom: 60%; } - .md\:hover\:via-blue-800:hover { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:left-3\/5 { + left: 60%; } - .md\:hover\:via-blue-900:hover { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:top-4\/5 { + top: 80%; } - .md\:hover\:via-indigo-50:hover { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:right-4\/5 { + right: 80%; } - .md\:hover\:via-indigo-100:hover { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:bottom-4\/5 { + bottom: 80%; } - .md\:hover\:via-indigo-200:hover { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:left-4\/5 { + left: 80%; } - .md\:hover\:via-indigo-300:hover { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:top-1\/6 { + top: 16.666667%; } - .md\:hover\:via-indigo-400:hover { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:right-1\/6 { + right: 16.666667%; } - .md\:hover\:via-indigo-500:hover { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:bottom-1\/6 { + bottom: 16.666667%; } - .md\:hover\:via-indigo-600:hover { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:left-1\/6 { + left: 16.666667%; } - .md\:hover\:via-indigo-700:hover { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:top-2\/6 { + top: 33.333333%; } - .md\:hover\:via-indigo-800:hover { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:right-2\/6 { + right: 33.333333%; } - .md\:hover\:via-indigo-900:hover { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:bottom-2\/6 { + bottom: 33.333333%; } - .md\:hover\:via-purple-50:hover { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:left-2\/6 { + left: 33.333333%; } - .md\:hover\:via-purple-100:hover { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:top-3\/6 { + top: 50%; } - .md\:hover\:via-purple-200:hover { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:right-3\/6 { + right: 50%; } - .md\:hover\:via-purple-300:hover { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:bottom-3\/6 { + bottom: 50%; } - .md\:hover\:via-purple-400:hover { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:left-3\/6 { + left: 50%; } - .md\:hover\:via-purple-500:hover { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:top-4\/6 { + top: 66.666667%; } - .md\:hover\:via-purple-600:hover { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:right-4\/6 { + right: 66.666667%; } - .md\:hover\:via-purple-700:hover { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:bottom-4\/6 { + bottom: 66.666667%; } - .md\:hover\:via-purple-800:hover { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:left-4\/6 { + left: 66.666667%; } - .md\:hover\:via-purple-900:hover { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:top-5\/6 { + top: 83.333333%; } - .md\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:right-5\/6 { + right: 83.333333%; } - .md\:hover\:via-pink-100:hover { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:bottom-5\/6 { + bottom: 83.333333%; } - .md\:hover\:via-pink-200:hover { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:left-5\/6 { + left: 83.333333%; } - .md\:hover\:via-pink-300:hover { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:top-1\/12 { + top: 8.333333%; } - .md\:hover\:via-pink-400:hover { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:right-1\/12 { + right: 8.333333%; } - .md\:hover\:via-pink-500:hover { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:bottom-1\/12 { + bottom: 8.333333%; } - .md\:hover\:via-pink-600:hover { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:left-1\/12 { + left: 8.333333%; } - .md\:hover\:via-pink-700:hover { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:top-2\/12 { + top: 16.666667%; } - .md\:hover\:via-pink-800:hover { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:right-2\/12 { + right: 16.666667%; } - .md\:hover\:via-pink-900:hover { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:bottom-2\/12 { + bottom: 16.666667%; } - .md\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .md\:left-2\/12 { + left: 16.666667%; } - .md\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .md\:top-3\/12 { + top: 25%; } - .md\:hover\:to-black:hover { - --gradient-to-color: #000000; + .md\:right-3\/12 { + right: 25%; } - .md\:hover\:to-white:hover { - --gradient-to-color: #ffffff; + .md\:bottom-3\/12 { + bottom: 25%; } - .md\:hover\:to-gray-50:hover { - --gradient-to-color: #f9fafb; + .md\:left-3\/12 { + left: 25%; } - .md\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f5f7; + .md\:top-4\/12 { + top: 33.333333%; } - .md\:hover\:to-gray-200:hover { - --gradient-to-color: #e5e7eb; + .md\:right-4\/12 { + right: 33.333333%; } - .md\:hover\:to-gray-300:hover { - --gradient-to-color: #d2d6dc; + .md\:bottom-4\/12 { + bottom: 33.333333%; } - .md\:hover\:to-gray-400:hover { - --gradient-to-color: #9fa6b2; + .md\:left-4\/12 { + left: 33.333333%; } - .md\:hover\:to-gray-500:hover { - --gradient-to-color: #6b7280; + .md\:top-5\/12 { + top: 41.666667%; } - .md\:hover\:to-gray-600:hover { - --gradient-to-color: #4b5563; + .md\:right-5\/12 { + right: 41.666667%; } - .md\:hover\:to-gray-700:hover { - --gradient-to-color: #374151; + .md\:bottom-5\/12 { + bottom: 41.666667%; } - .md\:hover\:to-gray-800:hover { - --gradient-to-color: #252f3f; + .md\:left-5\/12 { + left: 41.666667%; } - .md\:hover\:to-gray-900:hover { - --gradient-to-color: #161e2e; + .md\:top-6\/12 { + top: 50%; } - .md\:hover\:to-red-50:hover { - --gradient-to-color: #fdf2f2; + .md\:right-6\/12 { + right: 50%; } - .md\:hover\:to-red-100:hover { - --gradient-to-color: #fde8e8; + .md\:bottom-6\/12 { + bottom: 50%; } - .md\:hover\:to-red-200:hover { - --gradient-to-color: #fbd5d5; + .md\:left-6\/12 { + left: 50%; } - .md\:hover\:to-red-300:hover { - --gradient-to-color: #f8b4b4; + .md\:top-7\/12 { + top: 58.333333%; } - .md\:hover\:to-red-400:hover { - --gradient-to-color: #f98080; + .md\:right-7\/12 { + right: 58.333333%; } - .md\:hover\:to-red-500:hover { - --gradient-to-color: #f05252; + .md\:bottom-7\/12 { + bottom: 58.333333%; } - .md\:hover\:to-red-600:hover { - --gradient-to-color: #e02424; + .md\:left-7\/12 { + left: 58.333333%; } - .md\:hover\:to-red-700:hover { - --gradient-to-color: #c81e1e; + .md\:top-8\/12 { + top: 66.666667%; } - .md\:hover\:to-red-800:hover { - --gradient-to-color: #9b1c1c; + .md\:right-8\/12 { + right: 66.666667%; } - .md\:hover\:to-red-900:hover { - --gradient-to-color: #771d1d; + .md\:bottom-8\/12 { + bottom: 66.666667%; } - .md\:hover\:to-orange-50:hover { - --gradient-to-color: #fff8f1; + .md\:left-8\/12 { + left: 66.666667%; } - .md\:hover\:to-orange-100:hover { - --gradient-to-color: #feecdc; + .md\:top-9\/12 { + top: 75%; } - .md\:hover\:to-orange-200:hover { - --gradient-to-color: #fcd9bd; + .md\:right-9\/12 { + right: 75%; } - .md\:hover\:to-orange-300:hover { - --gradient-to-color: #fdba8c; + .md\:bottom-9\/12 { + bottom: 75%; } - .md\:hover\:to-orange-400:hover { - --gradient-to-color: #ff8a4c; + .md\:left-9\/12 { + left: 75%; } - .md\:hover\:to-orange-500:hover { - --gradient-to-color: #ff5a1f; + .md\:top-10\/12 { + top: 83.333333%; } - .md\:hover\:to-orange-600:hover { - --gradient-to-color: #d03801; + .md\:right-10\/12 { + right: 83.333333%; } - .md\:hover\:to-orange-700:hover { - --gradient-to-color: #b43403; + .md\:bottom-10\/12 { + bottom: 83.333333%; } - .md\:hover\:to-orange-800:hover { - --gradient-to-color: #8a2c0d; + .md\:left-10\/12 { + left: 83.333333%; } - .md\:hover\:to-orange-900:hover { - --gradient-to-color: #73230d; + .md\:top-11\/12 { + top: 91.666667%; } - .md\:hover\:to-yellow-50:hover { - --gradient-to-color: #fdfdea; + .md\:right-11\/12 { + right: 91.666667%; } - .md\:hover\:to-yellow-100:hover { - --gradient-to-color: #fdf6b2; + .md\:bottom-11\/12 { + bottom: 91.666667%; } - .md\:hover\:to-yellow-200:hover { - --gradient-to-color: #fce96a; + .md\:left-11\/12 { + left: 91.666667%; } - .md\:hover\:to-yellow-300:hover { - --gradient-to-color: #faca15; + .md\:top-full { + top: 100%; } - .md\:hover\:to-yellow-400:hover { - --gradient-to-color: #e3a008; + .md\:right-full { + right: 100%; } - .md\:hover\:to-yellow-500:hover { - --gradient-to-color: #c27803; + .md\:bottom-full { + bottom: 100%; } - .md\:hover\:to-yellow-600:hover { - --gradient-to-color: #9f580a; + .md\:left-full { + left: 100%; } - .md\:hover\:to-yellow-700:hover { - --gradient-to-color: #8e4b10; + .md\:resize-none { + resize: none; } - .md\:hover\:to-yellow-800:hover { - --gradient-to-color: #723b13; + .md\:resize-y { + resize: vertical; } - .md\:hover\:to-yellow-900:hover { - --gradient-to-color: #633112; + .md\:resize-x { + resize: horizontal; } - .md\:hover\:to-green-50:hover { - --gradient-to-color: #f3faf7; + .md\:resize { + resize: both; } - .md\:hover\:to-green-100:hover { - --gradient-to-color: #def7ec; + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-green-200:hover { - --gradient-to-color: #bcf0da; + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:hover\:to-green-300:hover { - --gradient-to-color: #84e1bc; + .md\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-green-400:hover { - --gradient-to-color: #31c48d; + .md\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:hover\:to-green-500:hover { - --gradient-to-color: #0e9f6e; + .md\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-green-600:hover { - --gradient-to-color: #057a55; + .md\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:hover\:to-green-700:hover { - --gradient-to-color: #046c4e; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:hover\:to-green-800:hover { - --gradient-to-color: #03543f; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-green-900:hover { - --gradient-to-color: #014737; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:hover\:to-teal-50:hover { - --gradient-to-color: #edfafa; + .md\:shadow-none { + box-shadow: none; } - .md\:hover\:to-teal-100:hover { - --gradient-to-color: #d5f5f6; + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-teal-200:hover { - --gradient-to-color: #afecef; + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:hover\:to-teal-300:hover { - --gradient-to-color: #7edce2; + .md\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-teal-400:hover { - --gradient-to-color: #16bdca; + .md\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:hover\:to-teal-500:hover { - --gradient-to-color: #0694a2; + .md\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-teal-600:hover { - --gradient-to-color: #047481; + .md\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:hover\:to-teal-700:hover { - --gradient-to-color: #036672; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:hover\:to-teal-800:hover { - --gradient-to-color: #05505c; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-teal-900:hover { - --gradient-to-color: #014451; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:hover\:to-blue-50:hover { - --gradient-to-color: #ebf5ff; + .md\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:hover\:to-blue-100:hover { - --gradient-to-color: #e1effe; + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-blue-200:hover { - --gradient-to-color: #c3ddfd; + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:hover\:to-blue-300:hover { - --gradient-to-color: #a4cafe; + .md\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-blue-400:hover { - --gradient-to-color: #76a9fa; + .md\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:hover\:to-blue-500:hover { - --gradient-to-color: #3f83f8; + .md\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:hover\:to-blue-600:hover { - --gradient-to-color: #1c64f2; + .md\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:hover\:to-blue-700:hover { - --gradient-to-color: #1a56db; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:hover\:to-blue-800:hover { - --gradient-to-color: #1e429f; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:hover\:to-blue-900:hover { - --gradient-to-color: #233876; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:hover\:to-indigo-50:hover { - --gradient-to-color: #f0f5ff; + .md\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:hover\:to-indigo-100:hover { - --gradient-to-color: #e5edff; + .md\:fill-current { + fill: currentColor; } - .md\:hover\:to-indigo-200:hover { - --gradient-to-color: #cddbfe; + .md\:stroke-current { + stroke: currentColor; } - .md\:hover\:to-indigo-300:hover { - --gradient-to-color: #b4c6fc; + .md\:stroke-0 { + stroke-width: 0; } - .md\:hover\:to-indigo-400:hover { - --gradient-to-color: #8da2fb; + .md\:stroke-1 { + stroke-width: 1; } - .md\:hover\:to-indigo-500:hover { - --gradient-to-color: #6875f5; + .md\:stroke-2 { + stroke-width: 2; } - .md\:hover\:to-indigo-600:hover { - --gradient-to-color: #5850ec; + .md\:table-auto { + table-layout: auto; } - .md\:hover\:to-indigo-700:hover { - --gradient-to-color: #5145cd; + .md\:table-fixed { + table-layout: fixed; } - .md\:hover\:to-indigo-800:hover { - --gradient-to-color: #42389d; + .md\:text-left { + text-align: left; } - .md\:hover\:to-indigo-900:hover { - --gradient-to-color: #362f78; + .md\:text-center { + text-align: center; } - .md\:hover\:to-purple-50:hover { - --gradient-to-color: #f6f5ff; + .md\:text-right { + text-align: right; } - .md\:hover\:to-purple-100:hover { - --gradient-to-color: #edebfe; + .md\:text-justify { + text-align: justify; } - .md\:hover\:to-purple-200:hover { - --gradient-to-color: #dcd7fe; + .md\:text-transparent { + color: transparent; } - .md\:hover\:to-purple-300:hover { - --gradient-to-color: #cabffd; + .md\:text-current { + color: currentColor; } - .md\:hover\:to-purple-400:hover { - --gradient-to-color: #ac94fa; + .md\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:hover\:to-purple-500:hover { - --gradient-to-color: #9061f9; + .md\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:hover\:to-purple-600:hover { - --gradient-to-color: #7e3af2; + .md\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .md\:hover\:to-purple-700:hover { - --gradient-to-color: #6c2bd9; + .md\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .md\:hover\:to-purple-800:hover { - --gradient-to-color: #5521b5; + .md\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .md\:hover\:to-purple-900:hover { - --gradient-to-color: #4a1d96; + .md\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .md\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .md\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .md\:hover\:to-pink-100:hover { - --gradient-to-color: #fce8f3; + .md\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .md\:hover\:to-pink-200:hover { - --gradient-to-color: #fad1e8; + .md\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .md\:hover\:to-pink-300:hover { - --gradient-to-color: #f8b4d9; + .md\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .md\:hover\:to-pink-400:hover { - --gradient-to-color: #f17eb8; + .md\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .md\:hover\:to-pink-500:hover { - --gradient-to-color: #e74694; + .md\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .md\:hover\:to-pink-600:hover { - --gradient-to-color: #d61f69; + .md\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .md\:hover\:to-pink-700:hover { - --gradient-to-color: #bf125d; + .md\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .md\:hover\:to-pink-800:hover { - --gradient-to-color: #99154b; + .md\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .md\:hover\:to-pink-900:hover { - --gradient-to-color: #751a3d; + .md\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .md\:focus\:from-transparent:focus { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .md\:focus\:from-current:focus { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .md\:focus\:from-black:focus { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .md\:focus\:from-white:focus { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .md\:focus\:from-gray-50:focus { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .md\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .md\:focus\:from-gray-200:focus { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .md\:focus\:from-gray-300:focus { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .md\:focus\:from-gray-400:focus { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .md\:focus\:from-gray-500:focus { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .md\:focus\:from-gray-600:focus { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .md\:focus\:from-gray-700:focus { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .md\:focus\:from-gray-800:focus { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .md\:focus\:from-gray-900:focus { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .md\:focus\:from-red-50:focus { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .md\:focus\:from-red-100:focus { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .md\:focus\:from-red-200:focus { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .md\:focus\:from-red-300:focus { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .md\:focus\:from-red-400:focus { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .md\:focus\:from-red-500:focus { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .md\:focus\:from-red-600:focus { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .md\:focus\:from-red-700:focus { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .md\:focus\:from-red-800:focus { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .md\:focus\:from-red-900:focus { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .md\:focus\:from-orange-50:focus { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .md\:focus\:from-orange-100:focus { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .md\:focus\:from-orange-200:focus { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .md\:focus\:from-orange-300:focus { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .md\:focus\:from-orange-400:focus { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .md\:focus\:from-orange-500:focus { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .md\:focus\:from-orange-600:focus { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .md\:focus\:from-orange-700:focus { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .md\:focus\:from-orange-800:focus { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .md\:focus\:from-orange-900:focus { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .md\:focus\:from-yellow-50:focus { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .md\:focus\:from-yellow-100:focus { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .md\:focus\:from-yellow-200:focus { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .md\:focus\:from-yellow-300:focus { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .md\:focus\:from-yellow-400:focus { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .md\:focus\:from-yellow-500:focus { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .md\:focus\:from-yellow-600:focus { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .md\:focus\:from-yellow-700:focus { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .md\:focus\:from-yellow-800:focus { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .md\:focus\:from-yellow-900:focus { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .md\:focus\:from-green-50:focus { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .md\:focus\:from-green-100:focus { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .md\:focus\:from-green-200:focus { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .md\:focus\:from-green-300:focus { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .md\:focus\:from-green-400:focus { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .md\:focus\:from-green-500:focus { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .md\:focus\:from-green-600:focus { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .md\:focus\:from-green-700:focus { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .md\:focus\:from-green-800:focus { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .md\:focus\:from-green-900:focus { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .md\:focus\:from-teal-50:focus { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .md\:focus\:from-teal-100:focus { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .md\:focus\:from-teal-200:focus { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .md\:focus\:from-teal-300:focus { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .md\:focus\:from-teal-400:focus { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .md\:focus\:from-teal-500:focus { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .md\:focus\:from-teal-600:focus { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .md\:focus\:from-teal-700:focus { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .md\:focus\:from-teal-800:focus { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .md\:focus\:from-teal-900:focus { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .md\:focus\:from-blue-50:focus { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .md\:focus\:from-blue-100:focus { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .md\:focus\:from-blue-200:focus { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .md\:focus\:from-blue-300:focus { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .md\:focus\:from-blue-400:focus { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .md\:focus\:from-blue-500:focus { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .md\:focus\:from-blue-600:focus { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .md\:focus\:from-blue-700:focus { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .md\:focus\:from-blue-800:focus { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .md\:focus\:from-blue-900:focus { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .md\:focus\:from-indigo-50:focus { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .md\:focus\:from-indigo-100:focus { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .md\:focus\:from-indigo-200:focus { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:focus\:from-indigo-300:focus { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .md\:focus\:from-indigo-400:focus { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .md\:focus\:from-indigo-500:focus { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .md\:focus\:from-indigo-600:focus { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .md\:focus\:from-indigo-700:focus { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .md\:focus\:from-indigo-800:focus { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .md\:focus\:from-indigo-900:focus { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .md\:focus\:from-purple-50:focus { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .md\:focus\:from-purple-100:focus { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .md\:focus\:from-purple-200:focus { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:hover\:text-transparent:hover { + color: transparent; } - .md\:focus\:from-purple-300:focus { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:hover\:text-current:hover { + color: currentColor; } - .md\:focus\:from-purple-400:focus { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:focus\:from-purple-500:focus { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:focus\:from-purple-600:focus { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .md\:focus\:from-purple-700:focus { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .md\:focus\:from-purple-800:focus { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .md\:focus\:from-purple-900:focus { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .md\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .md\:focus\:from-pink-100:focus { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .md\:focus\:from-pink-200:focus { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .md\:focus\:from-pink-300:focus { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .md\:focus\:from-pink-400:focus { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .md\:focus\:from-pink-500:focus { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .md\:focus\:from-pink-600:focus { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .md\:focus\:from-pink-700:focus { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .md\:focus\:from-pink-800:focus { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .md\:focus\:from-pink-900:focus { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .md\:focus\:via-transparent:focus { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .md\:focus\:via-current:focus { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .md\:focus\:via-black:focus { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .md\:focus\:via-white:focus { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .md\:focus\:via-gray-50:focus { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .md\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .md\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .md\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .md\:focus\:via-gray-200:focus { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .md\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .md\:focus\:via-gray-300:focus { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .md\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .md\:focus\:via-gray-400:focus { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .md\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .md\:focus\:via-gray-500:focus { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .md\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .md\:focus\:via-gray-600:focus { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .md\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .md\:focus\:via-gray-700:focus { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .md\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .md\:focus\:via-gray-800:focus { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .md\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .md\:focus\:via-gray-900:focus { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .md\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .md\:focus\:via-red-50:focus { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .md\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .md\:focus\:via-red-100:focus { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .md\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .md\:focus\:via-red-200:focus { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .md\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .md\:focus\:via-red-300:focus { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .md\:focus\:via-red-400:focus { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .md\:focus\:via-red-500:focus { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .md\:focus\:via-red-600:focus { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .md\:focus\:via-red-700:focus { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .md\:focus\:via-red-800:focus { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .md\:focus\:via-red-900:focus { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .md\:focus\:via-orange-50:focus { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .md\:focus\:via-orange-100:focus { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .md\:focus\:via-orange-200:focus { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .md\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .md\:focus\:via-orange-300:focus { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .md\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .md\:focus\:via-orange-400:focus { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .md\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .md\:focus\:via-orange-500:focus { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .md\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .md\:focus\:via-orange-600:focus { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .md\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .md\:focus\:via-orange-700:focus { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .md\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .md\:focus\:via-orange-800:focus { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .md\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .md\:focus\:via-orange-900:focus { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .md\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .md\:focus\:via-yellow-50:focus { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .md\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .md\:focus\:via-yellow-100:focus { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .md\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .md\:focus\:via-yellow-200:focus { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .md\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .md\:focus\:via-yellow-300:focus { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .md\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .md\:focus\:via-yellow-400:focus { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .md\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .md\:focus\:via-yellow-500:focus { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .md\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .md\:focus\:via-yellow-600:focus { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .md\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .md\:focus\:via-yellow-700:focus { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .md\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .md\:focus\:via-yellow-800:focus { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .md\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .md\:focus\:via-yellow-900:focus { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .md\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .md\:focus\:via-green-50:focus { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .md\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .md\:focus\:via-green-100:focus { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .md\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .md\:focus\:via-green-200:focus { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .md\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .md\:focus\:via-green-300:focus { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .md\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .md\:focus\:via-green-400:focus { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .md\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .md\:focus\:via-green-500:focus { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .md\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .md\:focus\:via-green-600:focus { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .md\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .md\:focus\:via-green-700:focus { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .md\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .md\:focus\:via-green-800:focus { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .md\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .md\:focus\:via-green-900:focus { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .md\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .md\:focus\:via-teal-50:focus { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .md\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .md\:focus\:via-teal-100:focus { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .md\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .md\:focus\:via-teal-200:focus { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .md\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .md\:focus\:via-teal-300:focus { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .md\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .md\:focus\:via-teal-400:focus { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .md\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .md\:focus\:via-teal-500:focus { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .md\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .md\:focus\:via-teal-600:focus { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .md\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .md\:focus\:via-teal-700:focus { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .md\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .md\:focus\:via-teal-800:focus { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .md\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .md\:focus\:via-teal-900:focus { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .md\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .md\:focus\:via-blue-50:focus { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .md\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .md\:focus\:via-blue-100:focus { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .md\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .md\:focus\:via-blue-200:focus { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .md\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .md\:focus\:via-blue-300:focus { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .md\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .md\:focus\:via-blue-400:focus { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .md\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .md\:focus\:via-blue-500:focus { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .md\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .md\:focus\:via-blue-600:focus { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .md\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .md\:focus\:via-blue-700:focus { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .md\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .md\:focus\:via-blue-800:focus { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .md\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .md\:focus\:via-blue-900:focus { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .md\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .md\:focus\:via-indigo-50:focus { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .md\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .md\:focus\:via-indigo-100:focus { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .md\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .md\:focus\:via-indigo-200:focus { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .md\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:focus\:via-indigo-300:focus { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .md\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .md\:focus\:via-indigo-400:focus { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .md\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .md\:focus\:via-indigo-500:focus { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .md\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .md\:focus\:via-indigo-600:focus { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .md\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .md\:focus\:via-indigo-700:focus { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .md\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .md\:focus\:via-indigo-800:focus { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .md\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .md\:focus\:via-indigo-900:focus { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .md\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .md\:focus\:via-purple-50:focus { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .md\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .md\:focus\:via-purple-100:focus { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .md\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .md\:focus\:via-purple-200:focus { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .md\:focus\:text-transparent:focus { + color: transparent; } - .md\:focus\:via-purple-300:focus { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .md\:focus\:text-current:focus { + color: currentColor; } - .md\:focus\:via-purple-400:focus { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .md\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:focus\:via-purple-500:focus { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .md\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:focus\:via-purple-600:focus { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .md\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .md\:focus\:via-purple-700:focus { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .md\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .md\:focus\:via-purple-800:focus { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .md\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .md\:focus\:via-purple-900:focus { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .md\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .md\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .md\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .md\:focus\:via-pink-100:focus { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .md\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .md\:focus\:via-pink-200:focus { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .md\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .md\:focus\:via-pink-300:focus { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .md\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .md\:focus\:via-pink-400:focus { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .md\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .md\:focus\:via-pink-500:focus { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .md\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .md\:focus\:via-pink-600:focus { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .md\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .md\:focus\:via-pink-700:focus { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .md\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .md\:focus\:via-pink-800:focus { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .md\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .md\:focus\:via-pink-900:focus { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .md\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .md\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .md\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .md\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .md\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .md\:focus\:to-black:focus { - --gradient-to-color: #000000; + .md\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .md\:focus\:to-white:focus { - --gradient-to-color: #ffffff; + .md\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .md\:focus\:to-gray-50:focus { - --gradient-to-color: #f9fafb; + .md\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .md\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f5f7; + .md\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .md\:focus\:to-gray-200:focus { - --gradient-to-color: #e5e7eb; + .md\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .md\:focus\:to-gray-300:focus { - --gradient-to-color: #d2d6dc; + .md\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .md\:focus\:to-gray-400:focus { - --gradient-to-color: #9fa6b2; + .md\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .md\:focus\:to-gray-500:focus { - --gradient-to-color: #6b7280; + .md\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .md\:focus\:to-gray-600:focus { - --gradient-to-color: #4b5563; + .md\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .md\:focus\:to-gray-700:focus { - --gradient-to-color: #374151; + .md\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .md\:focus\:to-gray-800:focus { - --gradient-to-color: #252f3f; + .md\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .md\:focus\:to-gray-900:focus { - --gradient-to-color: #161e2e; + .md\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .md\:focus\:to-red-50:focus { - --gradient-to-color: #fdf2f2; + .md\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .md\:focus\:to-red-100:focus { - --gradient-to-color: #fde8e8; + .md\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .md\:focus\:to-red-200:focus { - --gradient-to-color: #fbd5d5; + .md\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .md\:focus\:to-red-300:focus { - --gradient-to-color: #f8b4b4; + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .md\:focus\:to-red-400:focus { - --gradient-to-color: #f98080; + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .md\:focus\:to-red-500:focus { - --gradient-to-color: #f05252; + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .md\:focus\:to-red-600:focus { - --gradient-to-color: #e02424; + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .md\:focus\:to-red-700:focus { - --gradient-to-color: #c81e1e; + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .md\:focus\:to-red-800:focus { - --gradient-to-color: #9b1c1c; + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .md\:focus\:to-red-900:focus { - --gradient-to-color: #771d1d; + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .md\:focus\:to-orange-50:focus { - --gradient-to-color: #fff8f1; + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .md\:focus\:to-orange-100:focus { - --gradient-to-color: #feecdc; + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .md\:focus\:to-orange-200:focus { - --gradient-to-color: #fcd9bd; + .md\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .md\:focus\:to-orange-300:focus { - --gradient-to-color: #fdba8c; + .md\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .md\:focus\:to-orange-400:focus { - --gradient-to-color: #ff8a4c; + .md\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .md\:focus\:to-orange-500:focus { - --gradient-to-color: #ff5a1f; + .md\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .md\:focus\:to-orange-600:focus { - --gradient-to-color: #d03801; + .md\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .md\:focus\:to-orange-700:focus { - --gradient-to-color: #b43403; + .md\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .md\:focus\:to-orange-800:focus { - --gradient-to-color: #8a2c0d; + .md\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .md\:focus\:to-orange-900:focus { - --gradient-to-color: #73230d; + .md\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .md\:focus\:to-yellow-50:focus { - --gradient-to-color: #fdfdea; + .md\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .md\:focus\:to-yellow-100:focus { - --gradient-to-color: #fdf6b2; + .md\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .md\:focus\:to-yellow-200:focus { - --gradient-to-color: #fce96a; + .md\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .md\:focus\:to-yellow-300:focus { - --gradient-to-color: #faca15; + .md\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .md\:focus\:to-yellow-400:focus { - --gradient-to-color: #e3a008; + .md\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .md\:focus\:to-yellow-500:focus { - --gradient-to-color: #c27803; + .md\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .md\:focus\:to-yellow-600:focus { - --gradient-to-color: #9f580a; + .md\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .md\:focus\:to-yellow-700:focus { - --gradient-to-color: #8e4b10; + .md\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .md\:focus\:to-yellow-800:focus { - --gradient-to-color: #723b13; + .md\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .md\:focus\:to-yellow-900:focus { - --gradient-to-color: #633112; + .md\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .md\:focus\:to-green-50:focus { - --gradient-to-color: #f3faf7; + .md\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .md\:focus\:to-green-100:focus { - --gradient-to-color: #def7ec; + .md\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .md\:focus\:to-green-200:focus { - --gradient-to-color: #bcf0da; + .md\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .md\:focus\:to-green-300:focus { - --gradient-to-color: #84e1bc; + .md\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .md\:focus\:to-green-400:focus { - --gradient-to-color: #31c48d; + .md\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .md\:focus\:to-green-500:focus { - --gradient-to-color: #0e9f6e; + .md\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .md\:focus\:to-green-600:focus { - --gradient-to-color: #057a55; + .md\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .md\:focus\:to-green-700:focus { - --gradient-to-color: #046c4e; + .md\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .md\:focus\:to-green-800:focus { - --gradient-to-color: #03543f; + .md\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .md\:focus\:to-green-900:focus { - --gradient-to-color: #014737; + .md\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .md\:focus\:to-teal-50:focus { - --gradient-to-color: #edfafa; + .md\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .md\:focus\:to-teal-100:focus { - --gradient-to-color: #d5f5f6; + .md\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .md\:focus\:to-teal-200:focus { - --gradient-to-color: #afecef; + .md\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .md\:focus\:to-teal-300:focus { - --gradient-to-color: #7edce2; + .md\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .md\:focus\:to-teal-400:focus { - --gradient-to-color: #16bdca; + .md\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .md\:focus\:to-teal-500:focus { - --gradient-to-color: #0694a2; + .md\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .md\:focus\:to-teal-600:focus { - --gradient-to-color: #047481; + .md\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .md\:focus\:to-teal-700:focus { - --gradient-to-color: #036672; + .md\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .md\:focus\:to-teal-800:focus { - --gradient-to-color: #05505c; + .md\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .md\:focus\:to-teal-900:focus { - --gradient-to-color: #014451; + .md\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .md\:focus\:to-blue-50:focus { - --gradient-to-color: #ebf5ff; + .md\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .md\:focus\:to-blue-100:focus { - --gradient-to-color: #e1effe; + .md\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .md\:focus\:to-blue-200:focus { - --gradient-to-color: #c3ddfd; + .md\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .md\:focus\:to-blue-300:focus { - --gradient-to-color: #a4cafe; + .md\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .md\:focus\:to-blue-400:focus { - --gradient-to-color: #76a9fa; + .md\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .md\:focus\:to-blue-500:focus { - --gradient-to-color: #3f83f8; + .md\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .md\:focus\:to-blue-600:focus { - --gradient-to-color: #1c64f2; + .md\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .md\:focus\:to-blue-700:focus { - --gradient-to-color: #1a56db; + .md\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .md\:focus\:to-blue-800:focus { - --gradient-to-color: #1e429f; + .md\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .md\:focus\:to-blue-900:focus { - --gradient-to-color: #233876; + .md\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .md\:focus\:to-indigo-50:focus { - --gradient-to-color: #f0f5ff; + .md\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .md\:focus\:to-indigo-100:focus { - --gradient-to-color: #e5edff; + .md\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .md\:focus\:to-indigo-200:focus { - --gradient-to-color: #cddbfe; + .md\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:focus\:to-indigo-300:focus { - --gradient-to-color: #b4c6fc; + .md\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .md\:focus\:to-indigo-400:focus { - --gradient-to-color: #8da2fb; + .md\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .md\:focus\:to-indigo-500:focus { - --gradient-to-color: #6875f5; + .md\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .md\:focus\:to-indigo-600:focus { - --gradient-to-color: #5850ec; + .md\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .md\:focus\:to-indigo-700:focus { - --gradient-to-color: #5145cd; + .md\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .md\:focus\:to-indigo-800:focus { - --gradient-to-color: #42389d; + .md\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .md\:focus\:to-indigo-900:focus { - --gradient-to-color: #362f78; + .md\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .md\:focus\:to-purple-50:focus { - --gradient-to-color: #f6f5ff; + .md\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .md\:focus\:to-purple-100:focus { - --gradient-to-color: #edebfe; + .md\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .md\:focus\:to-purple-200:focus { - --gradient-to-color: #dcd7fe; - } + @media (prefers-color-scheme: dark) { + .md\:dark\:text-transparent { + color: transparent; + } - .md\:focus\:to-purple-300:focus { - --gradient-to-color: #cabffd; - } + .md\:dark\:text-current { + color: currentColor; + } - .md\:focus\:to-purple-400:focus { - --gradient-to-color: #ac94fa; - } + .md\:dark\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .md\:focus\:to-purple-500:focus { - --gradient-to-color: #9061f9; - } + .md\:dark\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .md\:focus\:to-purple-600:focus { - --gradient-to-color: #7e3af2; - } + .md\:dark\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .md\:focus\:to-purple-700:focus { - --gradient-to-color: #6c2bd9; - } + .md\:dark\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .md\:focus\:to-purple-800:focus { - --gradient-to-color: #5521b5; - } + .md\:dark\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .md\:focus\:to-purple-900:focus { - --gradient-to-color: #4a1d96; - } + .md\:dark\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .md\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .md\:dark\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .md\:focus\:to-pink-100:focus { - --gradient-to-color: #fce8f3; - } + .md\:dark\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .md\:focus\:to-pink-200:focus { - --gradient-to-color: #fad1e8; - } + .md\:dark\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .md\:focus\:to-pink-300:focus { - --gradient-to-color: #f8b4d9; - } + .md\:dark\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .md\:focus\:to-pink-400:focus { - --gradient-to-color: #f17eb8; - } + .md\:dark\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .md\:focus\:to-pink-500:focus { - --gradient-to-color: #e74694; - } + .md\:dark\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .md\:focus\:to-pink-600:focus { - --gradient-to-color: #d61f69; - } + .md\:dark\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .md\:focus\:to-pink-700:focus { - --gradient-to-color: #bf125d; - } + .md\:dark\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .md\:focus\:to-pink-800:focus { - --gradient-to-color: #99154b; - } + .md\:dark\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .md\:focus\:to-pink-900:focus { - --gradient-to-color: #751a3d; - } + .md\:dark\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .md\:bg-opacity-0 { - --bg-opacity: 0; - } + .md\:dark\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .md\:bg-opacity-25 { - --bg-opacity: 0.25; - } + .md\:dark\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .md\:bg-opacity-50 { - --bg-opacity: 0.5; - } + .md\:dark\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .md\:bg-opacity-75 { - --bg-opacity: 0.75; - } + .md\:dark\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .md\:bg-opacity-100 { - --bg-opacity: 1; - } + .md\:dark\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .md\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; - } + .md\:dark\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .md\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; - } + .md\:dark\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .md\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; - } + .md\:dark\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .md\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; - } + .md\:dark\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .md\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; - } + .md\:dark\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .md\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; - } + .md\:dark\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .md\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; - } + .md\:dark\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } - .md\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; - } + .md\:dark\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } - .md\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; - } + .md\:dark\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } - .md\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; - } + .md\:dark\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .md\:bg-bottom { - background-position: bottom; - } + .md\:dark\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .md\:bg-center { - background-position: center; - } + .md\:dark\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .md\:bg-left { - background-position: left; - } + .md\:dark\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .md\:bg-left-bottom { - background-position: left bottom; - } + .md\:dark\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .md\:bg-left-top { - background-position: left top; - } + .md\:dark\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .md\:bg-right { - background-position: right; - } + .md\:dark\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .md\:bg-right-bottom { - background-position: right bottom; - } + .md\:dark\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .md\:bg-right-top { - background-position: right top; - } + .md\:dark\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .md\:bg-top { - background-position: top; - } + .md\:dark\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .md\:bg-repeat { - background-repeat: repeat; - } + .md\:dark\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .md\:bg-no-repeat { - background-repeat: no-repeat; - } + .md\:dark\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .md\:bg-repeat-x { - background-repeat: repeat-x; - } + .md\:dark\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .md\:bg-repeat-y { - background-repeat: repeat-y; - } + .md\:dark\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .md\:bg-repeat-round { - background-repeat: round; - } + .md\:dark\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .md\:bg-repeat-space { - background-repeat: space; - } + .md\:dark\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .md\:bg-auto { - background-size: auto; - } + .md\:dark\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .md\:bg-cover { - background-size: cover; - } + .md\:dark\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .md\:bg-contain { - background-size: contain; - } + .md\:dark\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .md\:border-collapse { - border-collapse: collapse; - } + .md\:dark\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .md\:border-separate { - border-collapse: separate; - } + .md\:dark\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .md\:border-transparent { - border-color: transparent; - } + .md\:dark\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .md\:border-current { - border-color: currentColor; - } + .md\:dark\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .md\:border-black { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:dark\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .md\:border-white { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:dark\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .md\:border-gray-50 { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); - } + .md\:dark\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .md\:border-gray-100 { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); - } + .md\:dark\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .md\:border-gray-200 { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); - } + .md\:dark\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .md\:border-gray-300 { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); - } + .md\:dark\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .md\:border-gray-400 { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); - } + .md\:dark\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .md\:border-gray-500 { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); - } + .md\:dark\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .md\:border-gray-600 { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); - } + .md\:dark\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .md\:border-gray-700 { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); - } + .md\:dark\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .md\:border-gray-800 { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); - } + .md\:dark\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .md\:border-gray-900 { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); - } + .md\:dark\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .md\:border-red-50 { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); - } + .md\:dark\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .md\:border-red-100 { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); - } + .md\:dark\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .md\:border-red-200 { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); - } + .md\:dark\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .md\:border-red-300 { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); - } + .md\:dark\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .md\:border-red-400 { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); - } + .md\:dark\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .md\:border-red-500 { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); - } + .md\:dark\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .md\:border-red-600 { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); - } + .md\:dark\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .md\:border-red-700 { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); - } + .md\:dark\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .md\:border-red-800 { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); - } + .md\:dark\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .md\:border-red-900 { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); - } + .md\:dark\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .md\:border-orange-50 { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); - } + .md\:dark\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .md\:border-orange-100 { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); - } + .md\:dark\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .md\:border-orange-200 { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); - } + .md\:dark\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .md\:border-orange-300 { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); - } + .md\:dark\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .md\:border-orange-400 { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); - } + .md\:dark\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .md\:border-orange-500 { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); - } + .md\:dark\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .md\:border-orange-600 { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); - } + .md\:dark\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .md\:border-orange-700 { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); - } + .md\:dark\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .md\:border-orange-800 { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); - } + .md\:dark\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .md\:border-orange-900 { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); - } + .md\:dark\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .md\:border-yellow-50 { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); - } + .md\:dark\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .md\:border-yellow-100 { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); - } + .md\:dark\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .md\:border-yellow-200 { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); - } + .md\:dark\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .md\:border-yellow-300 { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); - } + .md\:dark\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .md\:border-yellow-400 { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); - } + .md\:dark\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .md\:border-yellow-500 { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); - } + .md\:dark\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .md\:border-yellow-600 { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); - } + .md\:dark\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .md\:border-yellow-700 { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); - } + .md\:dark\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .md\:border-yellow-800 { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); - } + .md\:dark\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .md\:border-yellow-900 { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); - } + .md\:dark\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .md\:border-green-50 { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); - } + .md\:dark\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .md\:border-green-100 { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); - } + .md\:dark\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .md\:border-green-200 { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); - } + .md\:dark\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .md\:border-green-300 { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); - } + .md\:dark\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .md\:border-green-400 { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); - } + .md\:dark\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .md\:border-green-500 { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); - } + .md\:dark\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .md\:border-green-600 { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); - } + .md\:dark\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } - .md\:border-green-700 { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); - } + .md\:dark\:hover\:text-transparent:hover { + color: transparent; + } - .md\:border-green-800 { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); - } + .md\:dark\:hover\:text-current:hover { + color: currentColor; + } - .md\:border-green-900 { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); - } + .md\:dark\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .md\:border-teal-50 { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); - } + .md\:dark\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .md\:border-teal-100 { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .md\:border-teal-200 { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .md\:border-teal-300 { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .md\:border-teal-400 { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .md\:border-teal-500 { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .md\:border-teal-600 { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .md\:border-teal-700 { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .md\:border-teal-800 { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .md\:border-teal-900 { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .md\:border-blue-50 { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); - } + .md\:dark\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .md\:border-blue-100 { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .md\:border-blue-200 { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .md\:border-blue-300 { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .md\:border-blue-400 { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .md\:border-blue-500 { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .md\:border-blue-600 { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .md\:border-blue-700 { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .md\:border-blue-800 { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .md\:border-blue-900 { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .md\:border-indigo-50 { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); - } + .md\:dark\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .md\:border-indigo-100 { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .md\:border-indigo-200 { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .md\:border-indigo-300 { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .md\:border-indigo-400 { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .md\:border-indigo-500 { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .md\:border-indigo-600 { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } - .md\:border-indigo-700 { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } - .md\:border-indigo-800 { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } - .md\:border-indigo-900 { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .md\:border-purple-50 { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); - } + .md\:dark\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .md\:border-purple-100 { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .md\:border-purple-200 { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .md\:border-purple-300 { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .md\:border-purple-400 { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .md\:border-purple-500 { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .md\:border-purple-600 { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .md\:border-purple-700 { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .md\:border-purple-800 { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .md\:border-purple-900 { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .md\:border-pink-50 { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:dark\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .md\:border-pink-100 { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .md\:border-pink-200 { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .md\:border-pink-300 { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .md\:border-pink-400 { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .md\:border-pink-500 { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .md\:border-pink-600 { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .md\:border-pink-700 { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .md\:border-pink-800 { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .md\:border-pink-900 { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); - } + .md\:dark\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .md\:hover\:border-transparent:hover { - border-color: transparent; - } + .md\:dark\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .md\:hover\:border-current:hover { - border-color: currentColor; - } + .md\:dark\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .md\:hover\:border-black:hover { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .md\:hover\:border-white:hover { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .md\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .md\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .md\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .md\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .md\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .md\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .md\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); - } + .md\:dark\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .md\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .md\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .md\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .md\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .md\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .md\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .md\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .md\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .md\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .md\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); - } + .md\:dark\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .md\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .md\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .md\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .md\:hover\:border-orange-50:hover { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .md\:hover\:border-orange-100:hover { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .md\:hover\:border-orange-200:hover { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .md\:hover\:border-orange-300:hover { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .md\:hover\:border-orange-400:hover { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .md\:hover\:border-orange-500:hover { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .md\:hover\:border-orange-600:hover { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); - } + .md\:dark\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .md\:hover\:border-orange-700:hover { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .md\:hover\:border-orange-800:hover { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .md\:hover\:border-orange-900:hover { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .md\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .md\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .md\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .md\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .md\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .md\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .md\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); - } + .md\:dark\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .md\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .md\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .md\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .md\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .md\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .md\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .md\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .md\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .md\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .md\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); - } + .md\:dark\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } - .md\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); - } + .md\:dark\:focus\:text-transparent:focus { + color: transparent; + } - .md\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); - } + .md\:dark\:focus\:text-current:focus { + color: currentColor; + } - .md\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); - } + .md\:dark\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .md\:hover\:border-teal-50:hover { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); - } + .md\:dark\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .md\:hover\:border-teal-100:hover { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .md\:hover\:border-teal-200:hover { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .md\:hover\:border-teal-300:hover { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .md\:hover\:border-teal-400:hover { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .md\:hover\:border-teal-500:hover { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .md\:hover\:border-teal-600:hover { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .md\:hover\:border-teal-700:hover { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .md\:hover\:border-teal-800:hover { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .md\:hover\:border-teal-900:hover { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .md\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); - } + .md\:dark\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .md\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .md\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .md\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .md\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .md\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .md\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .md\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .md\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .md\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .md\:hover\:border-indigo-50:hover { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); - } + .md\:dark\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .md\:hover\:border-indigo-100:hover { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .md\:hover\:border-indigo-200:hover { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .md\:hover\:border-indigo-300:hover { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .md\:hover\:border-indigo-400:hover { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .md\:hover\:border-indigo-500:hover { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .md\:hover\:border-indigo-600:hover { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } - .md\:hover\:border-indigo-700:hover { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } - .md\:hover\:border-indigo-800:hover { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } - .md\:hover\:border-indigo-900:hover { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .md\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); - } + .md\:dark\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .md\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .md\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .md\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .md\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .md\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .md\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .md\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .md\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .md\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .md\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:dark\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .md\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .md\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .md\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .md\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .md\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .md\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .md\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .md\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .md\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); - } + .md\:dark\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .md\:focus\:border-transparent:focus { - border-color: transparent; - } + .md\:dark\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .md\:focus\:border-current:focus { - border-color: currentColor; - } + .md\:dark\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .md\:focus\:border-black:focus { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .md\:focus\:border-white:focus { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .md\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .md\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .md\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .md\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .md\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .md\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .md\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); - } + .md\:dark\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .md\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .md\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .md\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .md\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .md\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .md\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .md\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .md\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .md\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .md\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); - } + .md\:dark\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .md\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .md\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .md\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .md\:focus\:border-orange-50:focus { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .md\:focus\:border-orange-100:focus { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .md\:focus\:border-orange-200:focus { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .md\:focus\:border-orange-300:focus { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .md\:focus\:border-orange-400:focus { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .md\:focus\:border-orange-500:focus { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .md\:focus\:border-orange-600:focus { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); - } + .md\:dark\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .md\:focus\:border-orange-700:focus { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .md\:focus\:border-orange-800:focus { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .md\:focus\:border-orange-900:focus { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .md\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .md\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .md\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .md\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .md\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .md\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .md\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); - } + .md\:dark\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .md\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .md\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .md\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .md\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .md\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .md\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .md\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .md\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .md\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); - } + .md\:dark\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .md\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .md\:dark\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } } - .md\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .md\:text-opacity-0 { + --text-opacity: 0; } - .md\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .md\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .md\:text-opacity-50 { + --text-opacity: 0.5; + } + + .md\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:focus\:border-teal-50:focus { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .md\:text-opacity-100 { + --text-opacity: 1; } - .md\:focus\:border-teal-100:focus { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .md\:focus\:border-teal-200:focus { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .md\:focus\:border-teal-300:focus { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .md\:focus\:border-teal-400:focus { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .md\:focus\:border-teal-500:focus { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .md\:focus\:border-teal-600:focus { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .md\:focus\:border-teal-700:focus { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .md\:focus\:border-teal-800:focus { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .md\:focus\:border-teal-900:focus { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .md\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .md\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .md\:italic { + font-style: italic; } - .md\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .md\:not-italic { + font-style: normal; } - .md\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .md\:uppercase { + text-transform: uppercase; } - .md\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .md\:lowercase { + text-transform: lowercase; } - .md\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .md\:capitalize { + text-transform: capitalize; } - .md\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .md\:normal-case { + text-transform: none; } - .md\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .md\:underline { + text-decoration: underline; } - .md\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .md\:line-through { + text-decoration: line-through; } - .md\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .md\:no-underline { + text-decoration: none; } - .md\:focus\:border-indigo-50:focus { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .md\:hover\:underline:hover { + text-decoration: underline; } - .md\:focus\:border-indigo-100:focus { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:focus\:border-indigo-200:focus { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .md\:hover\:no-underline:hover { + text-decoration: none; } - .md\:focus\:border-indigo-300:focus { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .md\:focus\:underline:focus { + text-decoration: underline; } - .md\:focus\:border-indigo-400:focus { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:focus\:border-indigo-500:focus { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .md\:focus\:no-underline:focus { + text-decoration: none; } - .md\:focus\:border-indigo-600:focus { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:focus\:border-indigo-700:focus { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:focus\:border-indigo-800:focus { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .md\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:focus\:border-indigo-900:focus { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .md\:tracking-tight { + letter-spacing: -0.025em; } - .md\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .md\:tracking-normal { + letter-spacing: 0; } - .md\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .md\:tracking-wide { + letter-spacing: 0.025em; } - .md\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .md\:tracking-wider { + letter-spacing: 0.05em; } - .md\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .md\:tracking-widest { + letter-spacing: 0.1em; } - .md\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .md\:select-none { + user-select: none; } - .md\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .md\:select-text { + user-select: text; } - .md\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .md\:select-all { + user-select: all; } - .md\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .md\:select-auto { + user-select: auto; } - .md\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .md\:align-baseline { + vertical-align: baseline; } - .md\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .md\:align-top { + vertical-align: top; } - .md\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:align-middle { + vertical-align: middle; } - .md\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .md\:align-bottom { + vertical-align: bottom; } - .md\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .md\:align-text-top { + vertical-align: text-top; } - .md\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .md\:align-text-bottom { + vertical-align: text-bottom; } - .md\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .md\:visible { + visibility: visible; } - .md\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .md\:invisible { + visibility: hidden; } - .md\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .md\:whitespace-normal { + white-space: normal; } - .md\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .md\:whitespace-no-wrap { + white-space: nowrap; } - .md\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .md\:whitespace-pre { + white-space: pre; } - .md\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .md\:whitespace-pre-line { + white-space: pre-line; } - .md\:border-opacity-0 { - --border-opacity: 0; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:border-opacity-25 { - --border-opacity: 0.25; + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:border-opacity-50 { - --border-opacity: 0.5; + .md\:break-words { + overflow-wrap: break-word; } - .md\:border-opacity-75 { - --border-opacity: 0.75; + .md\:break-all { + word-break: break-all; } - .md\:border-opacity-100 { - --border-opacity: 1; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .md\:w-0 { + width: 0; } - .md\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .md\:w-1 { + width: 0.25rem; } - .md\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .md\:w-2 { + width: 0.5rem; } - .md\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .md\:w-3 { + width: 0.75rem; } - .md\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .md\:w-4 { + width: 1rem; } - .md\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .md\:w-5 { + width: 1.25rem; } - .md\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .md\:w-6 { + width: 1.5rem; } - .md\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .md\:w-7 { + width: 1.75rem; } - .md\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .md\:w-8 { + width: 2rem; } - .md\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .md\:w-9 { + width: 2.25rem; } - .md\:rounded-none { - border-radius: 0; + .md\:w-10 { + width: 2.5rem; } - .md\:rounded-sm { - border-radius: 0.125rem; + .md\:w-11 { + width: 2.75rem; } - .md\:rounded { - border-radius: 0.25rem; + .md\:w-12 { + width: 3rem; } - .md\:rounded-md { - border-radius: 0.375rem; + .md\:w-13 { + width: 3.25rem; } - .md\:rounded-lg { - border-radius: 0.5rem; + .md\:w-14 { + width: 3.5rem; } - .md\:rounded-full { - border-radius: 9999px; + .md\:w-15 { + width: 3.75rem; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:w-16 { + width: 4rem; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:w-20 { + width: 5rem; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:w-24 { + width: 6rem; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:w-28 { + width: 7rem; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:w-32 { + width: 8rem; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:w-36 { + width: 9rem; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:w-40 { + width: 10rem; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:w-44 { + width: 11rem; } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:w-48 { + width: 12rem; } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:w-52 { + width: 13rem; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:w-56 { + width: 14rem; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:w-60 { + width: 15rem; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:w-64 { + width: 16rem; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:w-72 { + width: 18rem; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:w-80 { + width: 20rem; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:w-96 { + width: 24rem; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:w-auto { + width: auto; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:w-px { + width: 1px; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:w-0\.5 { + width: 0.125rem; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:w-1\.5 { + width: 0.375rem; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:w-2\.5 { + width: 0.625rem; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:w-3\.5 { + width: 0.875rem; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:w-1\/2 { + width: 50%; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:w-1\/3 { + width: 33.333333%; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .md\:w-2\/3 { + width: 66.666667%; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .md\:w-1\/4 { + width: 25%; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:w-2\/4 { + width: 50%; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:w-3\/4 { + width: 75%; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:w-1\/5 { + width: 20%; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:w-2\/5 { + width: 40%; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:w-3\/5 { + width: 60%; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:w-4\/5 { + width: 80%; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:w-1\/6 { + width: 16.666667%; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:w-2\/6 { + width: 33.333333%; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:w-3\/6 { + width: 50%; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:w-4\/6 { + width: 66.666667%; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:w-5\/6 { + width: 83.333333%; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:w-1\/12 { + width: 8.333333%; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:w-2\/12 { + width: 16.666667%; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:w-3\/12 { + width: 25%; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:w-4\/12 { + width: 33.333333%; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:w-5\/12 { + width: 41.666667%; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:w-6\/12 { + width: 50%; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:w-7\/12 { + width: 58.333333%; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:w-8\/12 { + width: 66.666667%; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:w-9\/12 { + width: 75%; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:w-10\/12 { + width: 83.333333%; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:w-11\/12 { + width: 91.666667%; } - .md\:border-solid { - border-style: solid; + .md\:w-full { + width: 100%; } - .md\:border-dashed { - border-style: dashed; + .md\:w-screen { + width: 100vw; } - .md\:border-dotted { - border-style: dotted; + .md\:w-min-content { + width: min-content; } - .md\:border-double { - border-style: double; + .md\:w-max-content { + width: max-content; } - .md\:border-none { - border-style: none; + .md\:z-0 { + z-index: 0; } - .md\:border-0 { - border-width: 0; + .md\:z-10 { + z-index: 10; } - .md\:border-2 { - border-width: 2px; + .md\:z-20 { + z-index: 20; } - .md\:border-4 { - border-width: 4px; + .md\:z-30 { + z-index: 30; } - .md\:border-8 { - border-width: 8px; + .md\:z-40 { + z-index: 40; } - .md\:border { - border-width: 1px; + .md\:z-50 { + z-index: 50; } - .md\:border-t-0 { - border-top-width: 0; + .md\:z-auto { + z-index: auto; } - .md\:border-r-0 { - border-right-width: 0; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:border-b-0 { - border-bottom-width: 0; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:border-l-0 { - border-left-width: 0; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:border-t-2 { - border-top-width: 2px; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:border-r-2 { - border-right-width: 2px; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:border-b-2 { - border-bottom-width: 2px; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:border-l-2 { - border-left-width: 2px; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:border-t-4 { - border-top-width: 4px; + .md\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .md\:border-r-4 { - border-right-width: 4px; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:border-b-4 { - border-bottom-width: 4px; + .md\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .md\:border-l-4 { - border-left-width: 4px; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:border-t-8 { - border-top-width: 8px; + .md\:gap-11 { + grid-gap: 2.75rem; + gap: 2.75rem; } - .md\:border-r-8 { - border-right-width: 8px; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:border-b-8 { - border-bottom-width: 8px; + .md\:gap-13 { + grid-gap: 3.25rem; + gap: 3.25rem; } - .md\:border-l-8 { - border-left-width: 8px; + .md\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .md\:border-t { - border-top-width: 1px; + .md\:gap-15 { + grid-gap: 3.75rem; + gap: 3.75rem; } - .md\:border-r { - border-right-width: 1px; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:border-b { - border-bottom-width: 1px; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:border-l { - border-left-width: 1px; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:box-border { - box-sizing: border-box; + .md\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .md\:box-content { - box-sizing: content-box; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:cursor-auto { - cursor: auto; + .md\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .md\:cursor-default { - cursor: default; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:cursor-pointer { - cursor: pointer; + .md\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .md\:cursor-wait { - cursor: wait; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:cursor-text { - cursor: text; + .md\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .md\:cursor-move { - cursor: move; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .md\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .md\:block { - display: block; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:inline-block { - display: inline-block; + .md\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .md\:inline { - display: inline; + .md\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .md\:flex { - display: flex; + .md\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .md\:inline-flex { - display: inline-flex; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:table { - display: table; + .md\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .md\:table-caption { - display: table-caption; + .md\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .md\:table-cell { - display: table-cell; + .md\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .md\:table-column { - display: table-column; + .md\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .md\:table-column-group { - display: table-column-group; + .md\:gap-1\/2 { + grid-gap: 50%; + gap: 50%; } - .md\:table-footer-group { - display: table-footer-group; + .md\:gap-1\/3 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .md\:table-header-group { - display: table-header-group; + .md\:gap-2\/3 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .md\:table-row-group { - display: table-row-group; + .md\:gap-1\/4 { + grid-gap: 25%; + gap: 25%; } - .md\:table-row { - display: table-row; + .md\:gap-2\/4 { + grid-gap: 50%; + gap: 50%; } - .md\:flow-root { - display: flow-root; + .md\:gap-3\/4 { + grid-gap: 75%; + gap: 75%; } - .md\:grid { - display: grid; + .md\:gap-1\/5 { + grid-gap: 20%; + gap: 20%; } - .md\:inline-grid { - display: inline-grid; + .md\:gap-2\/5 { + grid-gap: 40%; + gap: 40%; } - .md\:contents { - display: contents; + .md\:gap-3\/5 { + grid-gap: 60%; + gap: 60%; } - .md\:hidden { - display: none; + .md\:gap-4\/5 { + grid-gap: 80%; + gap: 80%; } - .md\:flex-row { - flex-direction: row; + .md\:gap-1\/6 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .md\:gap-2\/6 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .md\:flex-col { - flex-direction: column; + .md\:gap-3\/6 { + grid-gap: 50%; + gap: 50%; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .md\:gap-4\/6 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .md\:flex-wrap { - flex-wrap: wrap; + .md\:gap-5\/6 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:gap-1\/12 { + grid-gap: 8.333333%; + gap: 8.333333%; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .md\:gap-2\/12 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .md\:items-start { - align-items: flex-start; + .md\:gap-3\/12 { + grid-gap: 25%; + gap: 25%; } - .md\:items-end { - align-items: flex-end; + .md\:gap-4\/12 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .md\:items-center { - align-items: center; + .md\:gap-5\/12 { + grid-gap: 41.666667%; + gap: 41.666667%; } - .md\:items-baseline { - align-items: baseline; + .md\:gap-6\/12 { + grid-gap: 50%; + gap: 50%; } - .md\:items-stretch { - align-items: stretch; + .md\:gap-7\/12 { + grid-gap: 58.333333%; + gap: 58.333333%; } - .md\:self-auto { - align-self: auto; + .md\:gap-8\/12 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .md\:self-start { - align-self: flex-start; + .md\:gap-9\/12 { + grid-gap: 75%; + gap: 75%; } - .md\:self-end { - align-self: flex-end; + .md\:gap-10\/12 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .md\:self-center { - align-self: center; + .md\:gap-11\/12 { + grid-gap: 91.666667%; + gap: 91.666667%; } - .md\:self-stretch { - align-self: stretch; + .md\:gap-full { + grid-gap: 100%; + gap: 100%; } - .md\:justify-start { - justify-content: flex-start; + .md\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:justify-end { - justify-content: flex-end; + .md\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:justify-center { - justify-content: center; + .md\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:justify-between { - justify-content: space-between; + .md\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:justify-around { - justify-content: space-around; + .md\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:justify-evenly { - justify-content: space-evenly; + .md\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:content-center { - align-content: center; + .md\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:content-start { - align-content: flex-start; + .md\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .md\:content-end { - align-content: flex-end; + .md\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:content-between { - align-content: space-between; + .md\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .md\:content-around { - align-content: space-around; + .md\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:flex-1 { - flex: 1 1 0%; + .md\:gap-x-11 { + grid-column-gap: 2.75rem; + column-gap: 2.75rem; } - .md\:flex-auto { - flex: 1 1 auto; + .md\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:flex-initial { - flex: 0 1 auto; + .md\:gap-x-13 { + grid-column-gap: 3.25rem; + column-gap: 3.25rem; } - .md\:flex-none { - flex: none; + .md\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .md\:flex-grow-0 { - flex-grow: 0; + .md\:gap-x-15 { + grid-column-gap: 3.75rem; + column-gap: 3.75rem; } - .md\:flex-grow { - flex-grow: 1; + .md\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .md\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:flex-shrink { - flex-shrink: 1; + .md\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:order-1 { - order: 1; + .md\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .md\:order-2 { - order: 2; + .md\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:order-3 { - order: 3; + .md\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .md\:order-4 { - order: 4; + .md\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:order-5 { - order: 5; + .md\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .md\:order-6 { - order: 6; + .md\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:order-7 { - order: 7; + .md\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .md\:order-8 { - order: 8; + .md\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:order-9 { - order: 9; + .md\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .md\:order-10 { - order: 10; + .md\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:order-11 { - order: 11; + .md\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .md\:order-12 { - order: 12; + .md\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .md\:order-first { - order: -9999; + .md\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .md\:order-last { - order: 9999; + .md\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:order-none { - order: 0; + .md\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .md\:float-right { - float: right; + .md\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .md\:float-left { - float: left; + .md\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .md\:float-none { - float: none; + .md\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:gap-x-1\/2 { + grid-column-gap: 50%; + column-gap: 50%; } - .md\:clear-left { - clear: left; + .md\:gap-x-1\/3 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .md\:clear-right { - clear: right; + .md\:gap-x-2\/3 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .md\:clear-both { - clear: both; + .md\:gap-x-1\/4 { + grid-column-gap: 25%; + column-gap: 25%; } - .md\:clear-none { - clear: none; + .md\:gap-x-2\/4 { + grid-column-gap: 50%; + column-gap: 50%; } - .md\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .md\:gap-x-3\/4 { + grid-column-gap: 75%; + column-gap: 75%; } - .md\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .md\:gap-x-1\/5 { + grid-column-gap: 20%; + column-gap: 20%; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:gap-x-2\/5 { + grid-column-gap: 40%; + column-gap: 40%; } - .md\:font-hairline { - font-weight: 100; + .md\:gap-x-3\/5 { + grid-column-gap: 60%; + column-gap: 60%; } - .md\:font-thin { - font-weight: 200; + .md\:gap-x-4\/5 { + grid-column-gap: 80%; + column-gap: 80%; } - .md\:font-light { - font-weight: 300; + .md\:gap-x-1\/6 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .md\:font-normal { - font-weight: 400; + .md\:gap-x-2\/6 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .md\:font-medium { - font-weight: 500; + .md\:gap-x-3\/6 { + grid-column-gap: 50%; + column-gap: 50%; } - .md\:font-semibold { - font-weight: 600; + .md\:gap-x-4\/6 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .md\:font-bold { - font-weight: 700; + .md\:gap-x-5\/6 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .md\:font-extrabold { - font-weight: 800; + .md\:gap-x-1\/12 { + grid-column-gap: 8.333333%; + column-gap: 8.333333%; } - .md\:font-black { - font-weight: 900; + .md\:gap-x-2\/12 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .md\:hover\:font-hairline:hover { - font-weight: 100; + .md\:gap-x-3\/12 { + grid-column-gap: 25%; + column-gap: 25%; } - .md\:hover\:font-thin:hover { - font-weight: 200; + .md\:gap-x-4\/12 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .md\:hover\:font-light:hover { - font-weight: 300; + .md\:gap-x-5\/12 { + grid-column-gap: 41.666667%; + column-gap: 41.666667%; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .md\:gap-x-6\/12 { + grid-column-gap: 50%; + column-gap: 50%; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .md\:gap-x-7\/12 { + grid-column-gap: 58.333333%; + column-gap: 58.333333%; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .md\:gap-x-8\/12 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .md\:gap-x-9\/12 { + grid-column-gap: 75%; + column-gap: 75%; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:gap-x-10\/12 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .md\:hover\:font-black:hover { - font-weight: 900; + .md\:gap-x-11\/12 { + grid-column-gap: 91.666667%; + column-gap: 91.666667%; } - .md\:focus\:font-hairline:focus { - font-weight: 100; + .md\:gap-x-full { + grid-column-gap: 100%; + column-gap: 100%; } - .md\:focus\:font-thin:focus { - font-weight: 200; + .md\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:focus\:font-light:focus { - font-weight: 300; + .md\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:focus\:font-normal:focus { - font-weight: 400; + .md\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:focus\:font-medium:focus { - font-weight: 500; + .md\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .md\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:focus\:font-bold:focus { - font-weight: 700; + .md\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:focus\:font-black:focus { - font-weight: 900; + .md\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .md\:h-0 { - height: 0; + .md\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:h-1 { - height: 0.25rem; + .md\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .md\:h-2 { - height: 0.5rem; + .md\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:h-3 { - height: 0.75rem; + .md\:gap-y-11 { + grid-row-gap: 2.75rem; + row-gap: 2.75rem; } - .md\:h-4 { - height: 1rem; + .md\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:h-5 { - height: 1.25rem; + .md\:gap-y-13 { + grid-row-gap: 3.25rem; + row-gap: 3.25rem; } - .md\:h-6 { - height: 1.5rem; + .md\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .md\:h-7 { - height: 1.75rem; + .md\:gap-y-15 { + grid-row-gap: 3.75rem; + row-gap: 3.75rem; } - .md\:h-8 { - height: 2rem; + .md\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:h-9 { - height: 2.25rem; + .md\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:h-10 { - height: 2.5rem; + .md\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:h-11 { - height: 2.75rem; + .md\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .md\:h-12 { - height: 3rem; + .md\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:h-13 { - height: 3.25rem; + .md\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .md\:h-14 { - height: 3.5rem; + .md\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:h-15 { - height: 3.75rem; + .md\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .md\:h-16 { - height: 4rem; + .md\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:h-20 { - height: 5rem; + .md\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .md\:h-24 { - height: 6rem; + .md\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:h-28 { - height: 7rem; + .md\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .md\:h-32 { - height: 8rem; + .md\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:h-36 { - height: 9rem; + .md\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .md\:h-40 { - height: 10rem; + .md\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .md\:h-44 { - height: 11rem; + .md\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .md\:h-48 { - height: 12rem; + .md\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .md\:h-52 { - height: 13rem; + .md\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .md\:h-56 { - height: 14rem; + .md\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .md\:h-60 { - height: 15rem; + .md\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .md\:h-64 { - height: 16rem; + .md\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .md\:h-72 { - height: 18rem; + .md\:gap-y-1\/2 { + grid-row-gap: 50%; + row-gap: 50%; } - .md\:h-80 { - height: 20rem; + .md\:gap-y-1\/3 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .md\:h-96 { - height: 24rem; + .md\:gap-y-2\/3 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .md\:h-auto { - height: auto; + .md\:gap-y-1\/4 { + grid-row-gap: 25%; + row-gap: 25%; } - .md\:h-px { - height: 1px; + .md\:gap-y-2\/4 { + grid-row-gap: 50%; + row-gap: 50%; } - .md\:h-0\.5 { - height: 0.125rem; + .md\:gap-y-3\/4 { + grid-row-gap: 75%; + row-gap: 75%; } - .md\:h-1\.5 { - height: 0.375rem; + .md\:gap-y-1\/5 { + grid-row-gap: 20%; + row-gap: 20%; } - .md\:h-2\.5 { - height: 0.625rem; + .md\:gap-y-2\/5 { + grid-row-gap: 40%; + row-gap: 40%; } - .md\:h-3\.5 { - height: 0.875rem; + .md\:gap-y-3\/5 { + grid-row-gap: 60%; + row-gap: 60%; } - .md\:h-1\/2 { - height: 50%; + .md\:gap-y-4\/5 { + grid-row-gap: 80%; + row-gap: 80%; } - .md\:h-1\/3 { - height: 33.333333%; + .md\:gap-y-1\/6 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .md\:h-2\/3 { - height: 66.666667%; + .md\:gap-y-2\/6 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .md\:h-1\/4 { - height: 25%; + .md\:gap-y-3\/6 { + grid-row-gap: 50%; + row-gap: 50%; } - .md\:h-2\/4 { - height: 50%; + .md\:gap-y-4\/6 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .md\:h-3\/4 { - height: 75%; + .md\:gap-y-5\/6 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .md\:h-1\/5 { - height: 20%; + .md\:gap-y-1\/12 { + grid-row-gap: 8.333333%; + row-gap: 8.333333%; } - .md\:h-2\/5 { - height: 40%; + .md\:gap-y-2\/12 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .md\:h-3\/5 { - height: 60%; + .md\:gap-y-3\/12 { + grid-row-gap: 25%; + row-gap: 25%; } - .md\:h-4\/5 { - height: 80%; + .md\:gap-y-4\/12 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .md\:h-1\/6 { - height: 16.666667%; + .md\:gap-y-5\/12 { + grid-row-gap: 41.666667%; + row-gap: 41.666667%; } - .md\:h-2\/6 { - height: 33.333333%; + .md\:gap-y-6\/12 { + grid-row-gap: 50%; + row-gap: 50%; } - .md\:h-3\/6 { - height: 50%; + .md\:gap-y-7\/12 { + grid-row-gap: 58.333333%; + row-gap: 58.333333%; } - .md\:h-4\/6 { - height: 66.666667%; + .md\:gap-y-8\/12 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .md\:h-5\/6 { - height: 83.333333%; + .md\:gap-y-9\/12 { + grid-row-gap: 75%; + row-gap: 75%; } - .md\:h-1\/12 { - height: 8.333333%; + .md\:gap-y-10\/12 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .md\:h-2\/12 { - height: 16.666667%; + .md\:gap-y-11\/12 { + grid-row-gap: 91.666667%; + row-gap: 91.666667%; } - .md\:h-3\/12 { - height: 25%; + .md\:gap-y-full { + grid-row-gap: 100%; + row-gap: 100%; } - .md\:h-4\/12 { - height: 33.333333%; + .md\:grid-flow-row { + grid-auto-flow: row; } - .md\:h-5\/12 { - height: 41.666667%; + .md\:grid-flow-col { + grid-auto-flow: column; } - .md\:h-6\/12 { - height: 50%; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:h-7\/12 { - height: 58.333333%; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:h-8\/12 { - height: 66.666667%; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .md\:h-9\/12 { - height: 75%; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .md\:h-10\/12 { - height: 83.333333%; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .md\:h-11\/12 { - height: 91.666667%; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .md\:h-full { - height: 100%; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:h-screen { - height: 100vh; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .md\:grid-cols-none { + grid-template-columns: none; } - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .md\:col-auto { + grid-column: auto; } - .md\:text-5xl { - font-size: 3rem; - line-height: 1; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:text-6xl { - font-size: 4rem; - line-height: 1; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:text-7xl { - font-size: 5rem; - line-height: 1; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:text-8xl { - font-size: 6rem; - line-height: 1; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:leading-3 { - line-height: .75rem; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:leading-4 { - line-height: 1rem; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:leading-5 { - line-height: 1.25rem; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:leading-6 { - line-height: 1.5rem; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:leading-7 { - line-height: 1.75rem; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:leading-8 { - line-height: 2rem; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:leading-9 { - line-height: 2.25rem; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:leading-10 { - line-height: 2.5rem; + .md\:col-start-1 { + grid-column-start: 1; } - .md\:leading-none { - line-height: 1; + .md\:col-start-2 { + grid-column-start: 2; } - .md\:leading-tight { - line-height: 1.25; + .md\:col-start-3 { + grid-column-start: 3; } - .md\:leading-snug { - line-height: 1.375; + .md\:col-start-4 { + grid-column-start: 4; } - .md\:leading-normal { - line-height: 1.5; + .md\:col-start-5 { + grid-column-start: 5; } - .md\:leading-relaxed { - line-height: 1.625; + .md\:col-start-6 { + grid-column-start: 6; } - .md\:leading-loose { - line-height: 2; + .md\:col-start-7 { + grid-column-start: 7; } - .md\:list-inside { - list-style-position: inside; + .md\:col-start-8 { + grid-column-start: 8; } - .md\:list-outside { - list-style-position: outside; + .md\:col-start-9 { + grid-column-start: 9; } - .md\:list-none { - list-style-type: none; + .md\:col-start-10 { + grid-column-start: 10; } - .md\:list-disc { - list-style-type: disc; + .md\:col-start-11 { + grid-column-start: 11; } - .md\:list-decimal { - list-style-type: decimal; + .md\:col-start-12 { + grid-column-start: 12; } - .md\:m-0 { - margin: 0; + .md\:col-start-13 { + grid-column-start: 13; } - .md\:m-1 { - margin: 0.25rem; + .md\:col-start-auto { + grid-column-start: auto; } - .md\:m-2 { - margin: 0.5rem; + .md\:col-end-1 { + grid-column-end: 1; } - .md\:m-3 { - margin: 0.75rem; + .md\:col-end-2 { + grid-column-end: 2; } - .md\:m-4 { - margin: 1rem; + .md\:col-end-3 { + grid-column-end: 3; } - .md\:m-5 { - margin: 1.25rem; + .md\:col-end-4 { + grid-column-end: 4; } - .md\:m-6 { - margin: 1.5rem; + .md\:col-end-5 { + grid-column-end: 5; } - .md\:m-7 { - margin: 1.75rem; + .md\:col-end-6 { + grid-column-end: 6; } - .md\:m-8 { - margin: 2rem; + .md\:col-end-7 { + grid-column-end: 7; } - .md\:m-9 { - margin: 2.25rem; + .md\:col-end-8 { + grid-column-end: 8; } - .md\:m-10 { - margin: 2.5rem; + .md\:col-end-9 { + grid-column-end: 9; } - .md\:m-11 { - margin: 2.75rem; + .md\:col-end-10 { + grid-column-end: 10; } - .md\:m-12 { - margin: 3rem; + .md\:col-end-11 { + grid-column-end: 11; } - .md\:m-13 { - margin: 3.25rem; + .md\:col-end-12 { + grid-column-end: 12; } - .md\:m-14 { - margin: 3.5rem; + .md\:col-end-13 { + grid-column-end: 13; } - .md\:m-15 { - margin: 3.75rem; + .md\:col-end-auto { + grid-column-end: auto; } - .md\:m-16 { - margin: 4rem; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:m-20 { - margin: 5rem; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:m-24 { - margin: 6rem; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:m-28 { - margin: 7rem; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:m-32 { - margin: 8rem; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:m-36 { - margin: 9rem; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:m-40 { - margin: 10rem; + .md\:grid-rows-none { + grid-template-rows: none; } - .md\:m-44 { - margin: 11rem; + .md\:row-auto { + grid-row: auto; } - .md\:m-48 { - margin: 12rem; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:m-52 { - margin: 13rem; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:m-56 { - margin: 14rem; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:m-60 { - margin: 15rem; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:m-64 { - margin: 16rem; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:m-72 { - margin: 18rem; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:m-80 { - margin: 20rem; + .md\:row-start-1 { + grid-row-start: 1; } - .md\:m-96 { - margin: 24rem; + .md\:row-start-2 { + grid-row-start: 2; } - .md\:m-auto { - margin: auto; + .md\:row-start-3 { + grid-row-start: 3; } - .md\:m-px { - margin: 1px; + .md\:row-start-4 { + grid-row-start: 4; } - .md\:m-0\.5 { - margin: 0.125rem; + .md\:row-start-5 { + grid-row-start: 5; } - .md\:m-1\.5 { - margin: 0.375rem; + .md\:row-start-6 { + grid-row-start: 6; } - .md\:m-2\.5 { - margin: 0.625rem; + .md\:row-start-7 { + grid-row-start: 7; } - .md\:m-3\.5 { - margin: 0.875rem; + .md\:row-start-auto { + grid-row-start: auto; } - .md\:m-1\/2 { - margin: 50%; + .md\:row-end-1 { + grid-row-end: 1; } - .md\:m-1\/3 { - margin: 33.333333%; + .md\:row-end-2 { + grid-row-end: 2; } - .md\:m-2\/3 { - margin: 66.666667%; + .md\:row-end-3 { + grid-row-end: 3; } - .md\:m-1\/4 { - margin: 25%; + .md\:row-end-4 { + grid-row-end: 4; } - .md\:m-2\/4 { - margin: 50%; + .md\:row-end-5 { + grid-row-end: 5; } - .md\:m-3\/4 { - margin: 75%; + .md\:row-end-6 { + grid-row-end: 6; } - .md\:m-1\/5 { - margin: 20%; + .md\:row-end-7 { + grid-row-end: 7; } - .md\:m-2\/5 { - margin: 40%; + .md\:row-end-auto { + grid-row-end: auto; } - .md\:m-3\/5 { - margin: 60%; + .md\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .md\:m-4\/5 { - margin: 80%; + .md\:transform-none { + transform: none; } - .md\:m-1\/6 { - margin: 16.666667%; + .md\:origin-center { + transform-origin: center; } - .md\:m-2\/6 { - margin: 33.333333%; + .md\:origin-top { + transform-origin: top; } - .md\:m-3\/6 { - margin: 50%; + .md\:origin-top-right { + transform-origin: top right; } - .md\:m-4\/6 { - margin: 66.666667%; + .md\:origin-right { + transform-origin: right; } - .md\:m-5\/6 { - margin: 83.333333%; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .md\:m-1\/12 { - margin: 8.333333%; + .md\:origin-bottom { + transform-origin: bottom; } - .md\:m-2\/12 { - margin: 16.666667%; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .md\:m-3\/12 { - margin: 25%; + .md\:origin-left { + transform-origin: left; } - .md\:m-4\/12 { - margin: 33.333333%; + .md\:origin-top-left { + transform-origin: top left; } - .md\:m-5\/12 { - margin: 41.666667%; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:m-6\/12 { - margin: 50%; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:m-7\/12 { - margin: 58.333333%; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:m-8\/12 { - margin: 66.666667%; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:m-9\/12 { - margin: 75%; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:m-10\/12 { - margin: 83.333333%; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:m-11\/12 { - margin: 91.666667%; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:m-full { - margin: 100%; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-m-1 { - margin: -0.25rem; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-m-2 { - margin: -0.5rem; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-m-3 { - margin: -0.75rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .md\:-m-4 { - margin: -1rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .md\:-m-5 { - margin: -1.25rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .md\:-m-6 { - margin: -1.5rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .md\:-m-7 { - margin: -1.75rem; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .md\:-m-8 { - margin: -2rem; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .md\:-m-9 { - margin: -2.25rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .md\:-m-10 { - margin: -2.5rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .md\:-m-11 { - margin: -2.75rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .md\:-m-12 { - margin: -3rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .md\:-m-13 { - margin: -3.25rem; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .md\:-m-14 { - margin: -3.5rem; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .md\:-m-15 { - margin: -3.75rem; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .md\:-m-16 { - margin: -4rem; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .md\:-m-20 { - margin: -5rem; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .md\:-m-24 { - margin: -6rem; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .md\:-m-28 { - margin: -7rem; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .md\:-m-32 { - margin: -8rem; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .md\:-m-36 { - margin: -9rem; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .md\:-m-40 { - margin: -10rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .md\:-m-44 { - margin: -11rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:-m-48 { - margin: -12rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:-m-52 { - margin: -13rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:-m-56 { - margin: -14rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:-m-60 { - margin: -15rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:-m-64 { - margin: -16rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:-m-72 { - margin: -18rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:-m-80 { - margin: -20rem; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-m-96 { - margin: -24rem; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-m-px { - margin: -1px; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-m-0\.5 { - margin: -0.125rem; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .md\:-m-1\.5 { - margin: -0.375rem; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .md\:-m-2\.5 { - margin: -0.625rem; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .md\:-m-3\.5 { - margin: -0.875rem; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .md\:-m-1\/2 { - margin: -50%; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .md\:-m-1\/3 { - margin: -33.33333%; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .md\:-m-2\/3 { - margin: -66.66667%; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .md\:-m-1\/4 { - margin: -25%; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .md\:-m-2\/4 { - margin: -50%; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .md\:-m-3\/4 { - margin: -75%; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .md\:-m-1\/5 { - margin: -20%; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .md\:-m-2\/5 { - margin: -40%; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .md\:-m-3\/5 { - margin: -60%; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .md\:-m-4\/5 { - margin: -80%; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .md\:-m-1\/6 { - margin: -16.66667%; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .md\:-m-2\/6 { - margin: -33.33333%; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .md\:-m-3\/6 { - margin: -50%; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .md\:-m-4\/6 { - margin: -66.66667%; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .md\:-m-5\/6 { - margin: -83.33333%; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .md\:-m-1\/12 { - margin: -8.33333%; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .md\:-m-2\/12 { - margin: -16.66667%; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:-m-3\/12 { - margin: -25%; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:-m-4\/12 { - margin: -33.33333%; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:-m-5\/12 { - margin: -41.66667%; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:-m-6\/12 { - margin: -50%; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:-m-7\/12 { - margin: -58.33333%; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:-m-8\/12 { - margin: -66.66667%; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:-m-9\/12 { - margin: -75%; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-m-10\/12 { - margin: -83.33333%; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-m-11\/12 { - margin: -91.66667%; + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-m-full { - margin: -100%; + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:rotate-0 { + --transform-rotate: 0; } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .md\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .md\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:my-13 { - margin-top: 3.25rem; - margin-bottom: 3.25rem; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:mx-13 { - margin-left: 3.25rem; - margin-right: 3.25rem; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:my-15 { - margin-top: 3.75rem; - margin-bottom: 3.75rem; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:mx-15 { - margin-left: 3.75rem; - margin-right: 3.75rem; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .md\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:translate-x-11 { + --transform-translate-x: 2.75rem; } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:translate-x-13 { + --transform-translate-x: 3.25rem; } - .md\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .md\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:translate-x-15 { + --transform-translate-x: 3.75rem; } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:translate-x-28 { + --transform-translate-x: 7rem; } - .md\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:translate-x-36 { + --transform-translate-x: 9rem; } - .md\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:translate-x-44 { + --transform-translate-x: 11rem; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:translate-x-52 { + --transform-translate-x: 13rem; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:translate-x-60 { + --transform-translate-x: 15rem; } - .md\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:translate-x-72 { + --transform-translate-x: 18rem; } - .md\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:translate-x-80 { + --transform-translate-x: 20rem; } - .md\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:translate-x-96 { + --transform-translate-x: 24rem; } - .md\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .md\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .md\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .md\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .md\:my-1\/2 { - margin-top: 50%; - margin-bottom: 50%; + .md\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .md\:mx-1\/2 { - margin-left: 50%; - margin-right: 50%; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:my-1\/3 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .md\:mx-1\/3 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .md\:my-2\/3 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .md\:mx-2\/3 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .md\:my-1\/4 { - margin-top: 25%; - margin-bottom: 25%; + .md\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .md\:mx-1\/4 { - margin-left: 25%; - margin-right: 25%; + .md\:translate-x-1\/5 { + --transform-translate-x: 20%; } - .md\:my-2\/4 { - margin-top: 50%; - margin-bottom: 50%; + .md\:translate-x-2\/5 { + --transform-translate-x: 40%; } - .md\:mx-2\/4 { - margin-left: 50%; - margin-right: 50%; + .md\:translate-x-3\/5 { + --transform-translate-x: 60%; } - .md\:my-3\/4 { - margin-top: 75%; - margin-bottom: 75%; + .md\:translate-x-4\/5 { + --transform-translate-x: 80%; } - .md\:mx-3\/4 { - margin-left: 75%; - margin-right: 75%; + .md\:translate-x-1\/6 { + --transform-translate-x: 16.666667%; } - .md\:my-1\/5 { - margin-top: 20%; - margin-bottom: 20%; + .md\:translate-x-2\/6 { + --transform-translate-x: 33.333333%; } - .md\:mx-1\/5 { - margin-left: 20%; - margin-right: 20%; + .md\:translate-x-3\/6 { + --transform-translate-x: 50%; } - .md\:my-2\/5 { - margin-top: 40%; - margin-bottom: 40%; + .md\:translate-x-4\/6 { + --transform-translate-x: 66.666667%; } - .md\:mx-2\/5 { - margin-left: 40%; - margin-right: 40%; + .md\:translate-x-5\/6 { + --transform-translate-x: 83.333333%; } - .md\:my-3\/5 { - margin-top: 60%; - margin-bottom: 60%; + .md\:translate-x-1\/12 { + --transform-translate-x: 8.333333%; } - .md\:mx-3\/5 { - margin-left: 60%; - margin-right: 60%; + .md\:translate-x-2\/12 { + --transform-translate-x: 16.666667%; } - .md\:my-4\/5 { - margin-top: 80%; - margin-bottom: 80%; + .md\:translate-x-3\/12 { + --transform-translate-x: 25%; } - .md\:mx-4\/5 { - margin-left: 80%; - margin-right: 80%; + .md\:translate-x-4\/12 { + --transform-translate-x: 33.333333%; } - .md\:my-1\/6 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; + .md\:translate-x-5\/12 { + --transform-translate-x: 41.666667%; } - .md\:mx-1\/6 { - margin-left: 16.666667%; - margin-right: 16.666667%; + .md\:translate-x-6\/12 { + --transform-translate-x: 50%; } - .md\:my-2\/6 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:translate-x-7\/12 { + --transform-translate-x: 58.333333%; } - .md\:mx-2\/6 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:translate-x-8\/12 { + --transform-translate-x: 66.666667%; } - .md\:my-3\/6 { - margin-top: 50%; - margin-bottom: 50%; + .md\:translate-x-9\/12 { + --transform-translate-x: 75%; } - .md\:mx-3\/6 { - margin-left: 50%; - margin-right: 50%; + .md\:translate-x-10\/12 { + --transform-translate-x: 83.333333%; } - .md\:my-4\/6 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:translate-x-11\/12 { + --transform-translate-x: 91.666667%; } - .md\:mx-4\/6 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .md\:my-5\/6 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:mx-5\/6 { - margin-left: 83.333333%; - margin-right: 83.333333%; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:my-1\/12 { - margin-top: 8.333333%; - margin-bottom: 8.333333%; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:mx-1\/12 { - margin-left: 8.333333%; - margin-right: 8.333333%; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:my-2\/12 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .md\:mx-2\/12 { - margin-left: 16.666667%; - margin-right: 16.666667%; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .md\:my-3\/12 { - margin-top: 25%; - margin-bottom: 25%; + .md\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .md\:mx-3\/12 { - margin-left: 25%; - margin-right: 25%; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:my-4\/12 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; + .md\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .md\:mx-4\/12 { - margin-left: 33.333333%; - margin-right: 33.333333%; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:my-5\/12 { - margin-top: 41.666667%; - margin-bottom: 41.666667%; + .md\:-translate-x-11 { + --transform-translate-x: -2.75rem; } - .md\:mx-5\/12 { - margin-left: 41.666667%; - margin-right: 41.666667%; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:my-6\/12 { - margin-top: 50%; - margin-bottom: 50%; + .md\:-translate-x-13 { + --transform-translate-x: -3.25rem; } - .md\:mx-6\/12 { - margin-left: 50%; - margin-right: 50%; + .md\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .md\:my-7\/12 { - margin-top: 58.333333%; - margin-bottom: 58.333333%; + .md\:-translate-x-15 { + --transform-translate-x: -3.75rem; } - .md\:mx-7\/12 { - margin-left: 58.333333%; - margin-right: 58.333333%; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:my-8\/12 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .md\:mx-8\/12 { - margin-left: 66.666667%; - margin-right: 66.666667%; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .md\:my-9\/12 { - margin-top: 75%; - margin-bottom: 75%; + .md\:-translate-x-28 { + --transform-translate-x: -7rem; } - .md\:mx-9\/12 { - margin-left: 75%; - margin-right: 75%; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .md\:my-10\/12 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; + .md\:-translate-x-36 { + --transform-translate-x: -9rem; } - .md\:mx-10\/12 { - margin-left: 83.333333%; - margin-right: 83.333333%; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:my-11\/12 { - margin-top: 91.666667%; - margin-bottom: 91.666667%; + .md\:-translate-x-44 { + --transform-translate-x: -11rem; } - .md\:mx-11\/12 { - margin-left: 91.666667%; - margin-right: 91.666667%; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:my-full { - margin-top: 100%; - margin-bottom: 100%; + .md\:-translate-x-52 { + --transform-translate-x: -13rem; } - .md\:mx-full { - margin-left: 100%; - margin-right: 100%; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:-translate-x-60 { + --transform-translate-x: -15rem; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:-translate-x-72 { + --transform-translate-x: -18rem; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:-translate-x-80 { + --transform-translate-x: -20rem; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:-translate-x-96 { + --transform-translate-x: -24rem; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:-translate-x-1\/3 { + --transform-translate-x: -33.33333%; } - .md\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:-translate-x-2\/3 { + --transform-translate-x: -66.66667%; } - .md\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .md\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:-translate-x-1\/5 { + --transform-translate-x: -20%; } - .md\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:-translate-x-2\/5 { + --transform-translate-x: -40%; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:-translate-x-3\/5 { + --transform-translate-x: -60%; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:-translate-x-4\/5 { + --transform-translate-x: -80%; } - .md\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .md\:-translate-x-1\/6 { + --transform-translate-x: -16.66667%; } - .md\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .md\:-translate-x-2\/6 { + --transform-translate-x: -33.33333%; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:-translate-x-3\/6 { + --transform-translate-x: -50%; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:-translate-x-4\/6 { + --transform-translate-x: -66.66667%; } - .md\:-my-13 { - margin-top: -3.25rem; - margin-bottom: -3.25rem; + .md\:-translate-x-5\/6 { + --transform-translate-x: -83.33333%; } - .md\:-mx-13 { - margin-left: -3.25rem; - margin-right: -3.25rem; + .md\:-translate-x-1\/12 { + --transform-translate-x: -8.33333%; } - .md\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:-translate-x-2\/12 { + --transform-translate-x: -16.66667%; } - .md\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:-translate-x-3\/12 { + --transform-translate-x: -25%; } - .md\:-my-15 { - margin-top: -3.75rem; - margin-bottom: -3.75rem; + .md\:-translate-x-4\/12 { + --transform-translate-x: -33.33333%; } - .md\:-mx-15 { - margin-left: -3.75rem; - margin-right: -3.75rem; + .md\:-translate-x-5\/12 { + --transform-translate-x: -41.66667%; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:-translate-x-6\/12 { + --transform-translate-x: -50%; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:-translate-x-7\/12 { + --transform-translate-x: -58.33333%; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:-translate-x-8\/12 { + --transform-translate-x: -66.66667%; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:-translate-x-9\/12 { + --transform-translate-x: -75%; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:-translate-x-10\/12 { + --transform-translate-x: -83.33333%; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:-translate-x-11\/12 { + --transform-translate-x: -91.66667%; } - .md\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .md\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:translate-y-0 { + --transform-translate-y: 0; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .md\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .md\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .md\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .md\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .md\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:translate-y-11 { + --transform-translate-y: 2.75rem; } - .md\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:translate-y-13 { + --transform-translate-y: 3.25rem; } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .md\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:translate-y-15 { + --transform-translate-y: 3.75rem; } - .md\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .md\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:translate-y-28 { + --transform-translate-y: 7rem; } - .md\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .md\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:translate-y-36 { + --transform-translate-y: 9rem; } - .md\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .md\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:translate-y-44 { + --transform-translate-y: 11rem; } - .md\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:translate-y-52 { + --transform-translate-y: 13rem; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .md\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:translate-y-60 { + --transform-translate-y: 15rem; } - .md\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .md\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:translate-y-72 { + --transform-translate-y: 18rem; } - .md\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .md\:translate-y-80 { + --transform-translate-y: 20rem; } - .md\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:translate-y-96 { + --transform-translate-y: 24rem; } - .md\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .md\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .md\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .md\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .md\:-my-1\/2 { - margin-top: -50%; - margin-bottom: -50%; + .md\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .md\:-mx-1\/2 { - margin-left: -50%; - margin-right: -50%; + .md\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .md\:-my-1\/3 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .md\:-mx-1\/3 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .md\:-my-2\/3 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .md\:-mx-2\/3 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .md\:-my-1\/4 { - margin-top: -25%; - margin-bottom: -25%; + .md\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .md\:-mx-1\/4 { - margin-left: -25%; - margin-right: -25%; + .md\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .md\:-my-2\/4 { - margin-top: -50%; - margin-bottom: -50%; + .md\:translate-y-1\/5 { + --transform-translate-y: 20%; } - .md\:-mx-2\/4 { - margin-left: -50%; - margin-right: -50%; + .md\:translate-y-2\/5 { + --transform-translate-y: 40%; } - .md\:-my-3\/4 { - margin-top: -75%; - margin-bottom: -75%; + .md\:translate-y-3\/5 { + --transform-translate-y: 60%; } - .md\:-mx-3\/4 { - margin-left: -75%; - margin-right: -75%; + .md\:translate-y-4\/5 { + --transform-translate-y: 80%; } - .md\:-my-1\/5 { - margin-top: -20%; - margin-bottom: -20%; + .md\:translate-y-1\/6 { + --transform-translate-y: 16.666667%; } - .md\:-mx-1\/5 { - margin-left: -20%; - margin-right: -20%; + .md\:translate-y-2\/6 { + --transform-translate-y: 33.333333%; } - .md\:-my-2\/5 { - margin-top: -40%; - margin-bottom: -40%; + .md\:translate-y-3\/6 { + --transform-translate-y: 50%; } - .md\:-mx-2\/5 { - margin-left: -40%; - margin-right: -40%; + .md\:translate-y-4\/6 { + --transform-translate-y: 66.666667%; } - .md\:-my-3\/5 { - margin-top: -60%; - margin-bottom: -60%; + .md\:translate-y-5\/6 { + --transform-translate-y: 83.333333%; } - .md\:-mx-3\/5 { - margin-left: -60%; - margin-right: -60%; + .md\:translate-y-1\/12 { + --transform-translate-y: 8.333333%; } - .md\:-my-4\/5 { - margin-top: -80%; - margin-bottom: -80%; + .md\:translate-y-2\/12 { + --transform-translate-y: 16.666667%; } - .md\:-mx-4\/5 { - margin-left: -80%; - margin-right: -80%; + .md\:translate-y-3\/12 { + --transform-translate-y: 25%; } - .md\:-my-1\/6 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; + .md\:translate-y-4\/12 { + --transform-translate-y: 33.333333%; } - .md\:-mx-1\/6 { - margin-left: -16.66667%; - margin-right: -16.66667%; + .md\:translate-y-5\/12 { + --transform-translate-y: 41.666667%; } - .md\:-my-2\/6 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:translate-y-6\/12 { + --transform-translate-y: 50%; } - .md\:-mx-2\/6 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:translate-y-7\/12 { + --transform-translate-y: 58.333333%; } - .md\:-my-3\/6 { - margin-top: -50%; - margin-bottom: -50%; + .md\:translate-y-8\/12 { + --transform-translate-y: 66.666667%; } - .md\:-mx-3\/6 { - margin-left: -50%; - margin-right: -50%; + .md\:translate-y-9\/12 { + --transform-translate-y: 75%; } - .md\:-my-4\/6 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:translate-y-10\/12 { + --transform-translate-y: 83.333333%; } - .md\:-mx-4\/6 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:translate-y-11\/12 { + --transform-translate-y: 91.666667%; } - .md\:-my-5\/6 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .md\:-mx-5\/6 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .md\:-my-1\/12 { - margin-top: -8.33333%; - margin-bottom: -8.33333%; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .md\:-mx-1\/12 { - margin-left: -8.33333%; - margin-right: -8.33333%; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .md\:-my-2\/12 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .md\:-mx-2\/12 { - margin-left: -16.66667%; - margin-right: -16.66667%; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .md\:-my-3\/12 { - margin-top: -25%; - margin-bottom: -25%; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .md\:-mx-3\/12 { - margin-left: -25%; - margin-right: -25%; + .md\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .md\:-my-4\/12 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .md\:-mx-4\/12 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .md\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .md\:-my-5\/12 { - margin-top: -41.66667%; - margin-bottom: -41.66667%; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .md\:-mx-5\/12 { - margin-left: -41.66667%; - margin-right: -41.66667%; + .md\:-translate-y-11 { + --transform-translate-y: -2.75rem; } - .md\:-my-6\/12 { - margin-top: -50%; - margin-bottom: -50%; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .md\:-mx-6\/12 { - margin-left: -50%; - margin-right: -50%; + .md\:-translate-y-13 { + --transform-translate-y: -3.25rem; } - .md\:-my-7\/12 { - margin-top: -58.33333%; - margin-bottom: -58.33333%; + .md\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .md\:-mx-7\/12 { - margin-left: -58.33333%; - margin-right: -58.33333%; + .md\:-translate-y-15 { + --transform-translate-y: -3.75rem; } - .md\:-my-8\/12 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .md\:-mx-8\/12 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .md\:-my-9\/12 { - margin-top: -75%; - margin-bottom: -75%; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .md\:-mx-9\/12 { - margin-left: -75%; - margin-right: -75%; + .md\:-translate-y-28 { + --transform-translate-y: -7rem; } - .md\:-my-10\/12 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .md\:-mx-10\/12 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .md\:-translate-y-36 { + --transform-translate-y: -9rem; } - .md\:-my-11\/12 { - margin-top: -91.66667%; - margin-bottom: -91.66667%; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .md\:-mx-11\/12 { - margin-left: -91.66667%; - margin-right: -91.66667%; + .md\:-translate-y-44 { + --transform-translate-y: -11rem; } - .md\:-my-full { - margin-top: -100%; - margin-bottom: -100%; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .md\:-mx-full { - margin-left: -100%; - margin-right: -100%; + .md\:-translate-y-52 { + --transform-translate-y: -13rem; } - .md\:mt-0 { - margin-top: 0; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .md\:mr-0 { - margin-right: 0; + .md\:-translate-y-60 { + --transform-translate-y: -15rem; } - .md\:mb-0 { - margin-bottom: 0; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .md\:ml-0 { - margin-left: 0; + .md\:-translate-y-72 { + --transform-translate-y: -18rem; } - .md\:mt-1 { - margin-top: 0.25rem; + .md\:-translate-y-80 { + --transform-translate-y: -20rem; } - .md\:mr-1 { - margin-right: 0.25rem; + .md\:-translate-y-96 { + --transform-translate-y: -24rem; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .md\:ml-1 { - margin-left: 0.25rem; + .md\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .md\:mt-2 { - margin-top: 0.5rem; + .md\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .md\:mr-2 { - margin-right: 0.5rem; + .md\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .md\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .md\:ml-2 { - margin-left: 0.5rem; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .md\:mt-3 { - margin-top: 0.75rem; + .md\:-translate-y-1\/3 { + --transform-translate-y: -33.33333%; } - .md\:mr-3 { - margin-right: 0.75rem; + .md\:-translate-y-2\/3 { + --transform-translate-y: -66.66667%; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .md\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .md\:ml-3 { - margin-left: 0.75rem; + .md\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .md\:mt-4 { - margin-top: 1rem; + .md\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .md\:mr-4 { - margin-right: 1rem; + .md\:-translate-y-1\/5 { + --transform-translate-y: -20%; } - .md\:mb-4 { - margin-bottom: 1rem; + .md\:-translate-y-2\/5 { + --transform-translate-y: -40%; } - .md\:ml-4 { - margin-left: 1rem; + .md\:-translate-y-3\/5 { + --transform-translate-y: -60%; } - .md\:mt-5 { - margin-top: 1.25rem; + .md\:-translate-y-4\/5 { + --transform-translate-y: -80%; } - .md\:mr-5 { - margin-right: 1.25rem; + .md\:-translate-y-1\/6 { + --transform-translate-y: -16.66667%; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .md\:-translate-y-2\/6 { + --transform-translate-y: -33.33333%; } - .md\:ml-5 { - margin-left: 1.25rem; + .md\:-translate-y-3\/6 { + --transform-translate-y: -50%; } - .md\:mt-6 { - margin-top: 1.5rem; + .md\:-translate-y-4\/6 { + --transform-translate-y: -66.66667%; } - .md\:mr-6 { - margin-right: 1.5rem; + .md\:-translate-y-5\/6 { + --transform-translate-y: -83.33333%; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .md\:-translate-y-1\/12 { + --transform-translate-y: -8.33333%; } - .md\:ml-6 { - margin-left: 1.5rem; + .md\:-translate-y-2\/12 { + --transform-translate-y: -16.66667%; } - .md\:mt-7 { - margin-top: 1.75rem; + .md\:-translate-y-3\/12 { + --transform-translate-y: -25%; } - .md\:mr-7 { - margin-right: 1.75rem; + .md\:-translate-y-4\/12 { + --transform-translate-y: -33.33333%; } - .md\:mb-7 { - margin-bottom: 1.75rem; + .md\:-translate-y-5\/12 { + --transform-translate-y: -41.66667%; } - .md\:ml-7 { - margin-left: 1.75rem; + .md\:-translate-y-6\/12 { + --transform-translate-y: -50%; } - .md\:mt-8 { - margin-top: 2rem; + .md\:-translate-y-7\/12 { + --transform-translate-y: -58.33333%; } - .md\:mr-8 { - margin-right: 2rem; + .md\:-translate-y-8\/12 { + --transform-translate-y: -66.66667%; } - .md\:mb-8 { - margin-bottom: 2rem; + .md\:-translate-y-9\/12 { + --transform-translate-y: -75%; } - .md\:ml-8 { - margin-left: 2rem; + .md\:-translate-y-10\/12 { + --transform-translate-y: -83.33333%; } - .md\:mt-9 { - margin-top: 2.25rem; + .md\:-translate-y-11\/12 { + --transform-translate-y: -91.66667%; } - .md\:mr-9 { - margin-right: 2.25rem; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .md\:mb-9 { - margin-bottom: 2.25rem; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .md\:ml-9 { - margin-left: 2.25rem; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .md\:mt-10 { - margin-top: 2.5rem; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .md\:mr-10 { - margin-right: 2.5rem; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .md\:ml-10 { - margin-left: 2.5rem; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .md\:mt-11 { - margin-top: 2.75rem; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .md\:mr-11 { - margin-right: 2.75rem; + .md\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .md\:mb-11 { - margin-bottom: 2.75rem; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .md\:ml-11 { - margin-left: 2.75rem; + .md\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .md\:mt-12 { - margin-top: 3rem; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .md\:mr-12 { - margin-right: 3rem; + .md\:hover\:translate-x-11:hover { + --transform-translate-x: 2.75rem; } - .md\:mb-12 { - margin-bottom: 3rem; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .md\:ml-12 { - margin-left: 3rem; + .md\:hover\:translate-x-13:hover { + --transform-translate-x: 3.25rem; } - .md\:mt-13 { - margin-top: 3.25rem; + .md\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .md\:mr-13 { - margin-right: 3.25rem; + .md\:hover\:translate-x-15:hover { + --transform-translate-x: 3.75rem; } - .md\:mb-13 { - margin-bottom: 3.25rem; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .md\:ml-13 { - margin-left: 3.25rem; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .md\:mt-14 { - margin-top: 3.5rem; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .md\:mr-14 { - margin-right: 3.5rem; + .md\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .md\:mb-14 { - margin-bottom: 3.5rem; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .md\:ml-14 { - margin-left: 3.5rem; + .md\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .md\:mt-15 { - margin-top: 3.75rem; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .md\:mr-15 { - margin-right: 3.75rem; + .md\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .md\:mb-15 { - margin-bottom: 3.75rem; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .md\:ml-15 { - margin-left: 3.75rem; + .md\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .md\:mt-16 { - margin-top: 4rem; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .md\:mr-16 { - margin-right: 4rem; + .md\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .md\:mb-16 { - margin-bottom: 4rem; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .md\:ml-16 { - margin-left: 4rem; + .md\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .md\:mt-20 { - margin-top: 5rem; + .md\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .md\:mr-20 { - margin-right: 5rem; + .md\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .md\:mb-20 { - margin-bottom: 5rem; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .md\:ml-20 { - margin-left: 5rem; + .md\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .md\:mt-24 { - margin-top: 6rem; + .md\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .md\:mr-24 { - margin-right: 6rem; + .md\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .md\:mb-24 { - margin-bottom: 6rem; + .md\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .md\:ml-24 { - margin-left: 6rem; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .md\:mt-28 { - margin-top: 7rem; + .md\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .md\:mr-28 { - margin-right: 7rem; + .md\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .md\:mb-28 { - margin-bottom: 7rem; + .md\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .md\:ml-28 { - margin-left: 7rem; + .md\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .md\:mt-32 { - margin-top: 8rem; + .md\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .md\:mr-32 { - margin-right: 8rem; + .md\:hover\:translate-x-1\/5:hover { + --transform-translate-x: 20%; } - .md\:mb-32 { - margin-bottom: 8rem; + .md\:hover\:translate-x-2\/5:hover { + --transform-translate-x: 40%; } - .md\:ml-32 { - margin-left: 8rem; + .md\:hover\:translate-x-3\/5:hover { + --transform-translate-x: 60%; } - .md\:mt-36 { - margin-top: 9rem; + .md\:hover\:translate-x-4\/5:hover { + --transform-translate-x: 80%; } - .md\:mr-36 { - margin-right: 9rem; + .md\:hover\:translate-x-1\/6:hover { + --transform-translate-x: 16.666667%; } - .md\:mb-36 { - margin-bottom: 9rem; + .md\:hover\:translate-x-2\/6:hover { + --transform-translate-x: 33.333333%; } - .md\:ml-36 { - margin-left: 9rem; + .md\:hover\:translate-x-3\/6:hover { + --transform-translate-x: 50%; } - .md\:mt-40 { - margin-top: 10rem; + .md\:hover\:translate-x-4\/6:hover { + --transform-translate-x: 66.666667%; } - .md\:mr-40 { - margin-right: 10rem; + .md\:hover\:translate-x-5\/6:hover { + --transform-translate-x: 83.333333%; } - .md\:mb-40 { - margin-bottom: 10rem; + .md\:hover\:translate-x-1\/12:hover { + --transform-translate-x: 8.333333%; } - .md\:ml-40 { - margin-left: 10rem; + .md\:hover\:translate-x-2\/12:hover { + --transform-translate-x: 16.666667%; } - .md\:mt-44 { - margin-top: 11rem; + .md\:hover\:translate-x-3\/12:hover { + --transform-translate-x: 25%; } - .md\:mr-44 { - margin-right: 11rem; + .md\:hover\:translate-x-4\/12:hover { + --transform-translate-x: 33.333333%; } - .md\:mb-44 { - margin-bottom: 11rem; + .md\:hover\:translate-x-5\/12:hover { + --transform-translate-x: 41.666667%; } - .md\:ml-44 { - margin-left: 11rem; + .md\:hover\:translate-x-6\/12:hover { + --transform-translate-x: 50%; } - .md\:mt-48 { - margin-top: 12rem; + .md\:hover\:translate-x-7\/12:hover { + --transform-translate-x: 58.333333%; } - .md\:mr-48 { - margin-right: 12rem; + .md\:hover\:translate-x-8\/12:hover { + --transform-translate-x: 66.666667%; } - .md\:mb-48 { - margin-bottom: 12rem; + .md\:hover\:translate-x-9\/12:hover { + --transform-translate-x: 75%; } - .md\:ml-48 { - margin-left: 12rem; + .md\:hover\:translate-x-10\/12:hover { + --transform-translate-x: 83.333333%; } - .md\:mt-52 { - margin-top: 13rem; + .md\:hover\:translate-x-11\/12:hover { + --transform-translate-x: 91.666667%; } - .md\:mr-52 { - margin-right: 13rem; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .md\:mb-52 { - margin-bottom: 13rem; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .md\:ml-52 { - margin-left: 13rem; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .md\:mt-56 { - margin-top: 14rem; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .md\:mr-56 { - margin-right: 14rem; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .md\:mb-56 { - margin-bottom: 14rem; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .md\:ml-56 { - margin-left: 14rem; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .md\:mt-60 { - margin-top: 15rem; + .md\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .md\:mr-60 { - margin-right: 15rem; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .md\:mb-60 { - margin-bottom: 15rem; + .md\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .md\:ml-60 { - margin-left: 15rem; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .md\:mt-64 { - margin-top: 16rem; + .md\:hover\:-translate-x-11:hover { + --transform-translate-x: -2.75rem; } - .md\:mr-64 { - margin-right: 16rem; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .md\:mb-64 { - margin-bottom: 16rem; + .md\:hover\:-translate-x-13:hover { + --transform-translate-x: -3.25rem; } - .md\:ml-64 { - margin-left: 16rem; + .md\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .md\:mt-72 { - margin-top: 18rem; + .md\:hover\:-translate-x-15:hover { + --transform-translate-x: -3.75rem; } - .md\:mr-72 { - margin-right: 18rem; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .md\:mb-72 { - margin-bottom: 18rem; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .md\:ml-72 { - margin-left: 18rem; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .md\:mt-80 { - margin-top: 20rem; + .md\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .md\:mr-80 { - margin-right: 20rem; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .md\:mb-80 { - margin-bottom: 20rem; + .md\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .md\:ml-80 { - margin-left: 20rem; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .md\:mt-96 { - margin-top: 24rem; + .md\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .md\:mr-96 { - margin-right: 24rem; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .md\:mb-96 { - margin-bottom: 24rem; + .md\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .md\:ml-96 { - margin-left: 24rem; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .md\:mt-auto { - margin-top: auto; + .md\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .md\:mr-auto { - margin-right: auto; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .md\:mb-auto { - margin-bottom: auto; + .md\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .md\:ml-auto { - margin-left: auto; + .md\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .md\:mt-px { - margin-top: 1px; + .md\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .md\:mr-px { - margin-right: 1px; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .md\:mb-px { - margin-bottom: 1px; + .md\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .md\:ml-px { - margin-left: 1px; + .md\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .md\:mt-0\.5 { - margin-top: 0.125rem; + .md\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .md\:mr-0\.5 { - margin-right: 0.125rem; + .md\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .md\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .md\:ml-0\.5 { - margin-left: 0.125rem; + .md\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.33333%; } - .md\:mt-1\.5 { - margin-top: 0.375rem; + .md\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.66667%; } - .md\:mr-1\.5 { - margin-right: 0.375rem; + .md\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .md\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .md\:ml-1\.5 { - margin-left: 0.375rem; + .md\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .md\:mt-2\.5 { - margin-top: 0.625rem; + .md\:hover\:-translate-x-1\/5:hover { + --transform-translate-x: -20%; } - .md\:mr-2\.5 { - margin-right: 0.625rem; + .md\:hover\:-translate-x-2\/5:hover { + --transform-translate-x: -40%; } - .md\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:hover\:-translate-x-3\/5:hover { + --transform-translate-x: -60%; } - .md\:ml-2\.5 { - margin-left: 0.625rem; + .md\:hover\:-translate-x-4\/5:hover { + --transform-translate-x: -80%; } - .md\:mt-3\.5 { - margin-top: 0.875rem; + .md\:hover\:-translate-x-1\/6:hover { + --transform-translate-x: -16.66667%; } - .md\:mr-3\.5 { - margin-right: 0.875rem; + .md\:hover\:-translate-x-2\/6:hover { + --transform-translate-x: -33.33333%; } - .md\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:hover\:-translate-x-3\/6:hover { + --transform-translate-x: -50%; } - .md\:ml-3\.5 { - margin-left: 0.875rem; + .md\:hover\:-translate-x-4\/6:hover { + --transform-translate-x: -66.66667%; } - .md\:mt-1\/2 { - margin-top: 50%; + .md\:hover\:-translate-x-5\/6:hover { + --transform-translate-x: -83.33333%; } - .md\:mr-1\/2 { - margin-right: 50%; + .md\:hover\:-translate-x-1\/12:hover { + --transform-translate-x: -8.33333%; } - .md\:mb-1\/2 { - margin-bottom: 50%; + .md\:hover\:-translate-x-2\/12:hover { + --transform-translate-x: -16.66667%; } - .md\:ml-1\/2 { - margin-left: 50%; + .md\:hover\:-translate-x-3\/12:hover { + --transform-translate-x: -25%; } - .md\:mt-1\/3 { - margin-top: 33.333333%; + .md\:hover\:-translate-x-4\/12:hover { + --transform-translate-x: -33.33333%; } - .md\:mr-1\/3 { - margin-right: 33.333333%; + .md\:hover\:-translate-x-5\/12:hover { + --transform-translate-x: -41.66667%; } - .md\:mb-1\/3 { - margin-bottom: 33.333333%; + .md\:hover\:-translate-x-6\/12:hover { + --transform-translate-x: -50%; } - .md\:ml-1\/3 { - margin-left: 33.333333%; + .md\:hover\:-translate-x-7\/12:hover { + --transform-translate-x: -58.33333%; } - .md\:mt-2\/3 { - margin-top: 66.666667%; + .md\:hover\:-translate-x-8\/12:hover { + --transform-translate-x: -66.66667%; } - .md\:mr-2\/3 { - margin-right: 66.666667%; + .md\:hover\:-translate-x-9\/12:hover { + --transform-translate-x: -75%; } - .md\:mb-2\/3 { - margin-bottom: 66.666667%; + .md\:hover\:-translate-x-10\/12:hover { + --transform-translate-x: -83.33333%; } - .md\:ml-2\/3 { - margin-left: 66.666667%; + .md\:hover\:-translate-x-11\/12:hover { + --transform-translate-x: -91.66667%; } - .md\:mt-1\/4 { - margin-top: 25%; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .md\:mr-1\/4 { - margin-right: 25%; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .md\:mb-1\/4 { - margin-bottom: 25%; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .md\:ml-1\/4 { - margin-left: 25%; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .md\:mt-2\/4 { - margin-top: 50%; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .md\:mr-2\/4 { - margin-right: 50%; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .md\:mb-2\/4 { - margin-bottom: 50%; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .md\:ml-2\/4 { - margin-left: 50%; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .md\:mt-3\/4 { - margin-top: 75%; + .md\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .md\:mr-3\/4 { - margin-right: 75%; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .md\:mb-3\/4 { - margin-bottom: 75%; + .md\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .md\:ml-3\/4 { - margin-left: 75%; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .md\:mt-1\/5 { - margin-top: 20%; + .md\:hover\:translate-y-11:hover { + --transform-translate-y: 2.75rem; } - .md\:mr-1\/5 { - margin-right: 20%; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .md\:mb-1\/5 { - margin-bottom: 20%; + .md\:hover\:translate-y-13:hover { + --transform-translate-y: 3.25rem; } - .md\:ml-1\/5 { - margin-left: 20%; + .md\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .md\:mt-2\/5 { - margin-top: 40%; + .md\:hover\:translate-y-15:hover { + --transform-translate-y: 3.75rem; } - .md\:mr-2\/5 { - margin-right: 40%; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .md\:mb-2\/5 { - margin-bottom: 40%; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .md\:ml-2\/5 { - margin-left: 40%; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .md\:mt-3\/5 { - margin-top: 60%; + .md\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .md\:mr-3\/5 { - margin-right: 60%; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .md\:mb-3\/5 { - margin-bottom: 60%; + .md\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .md\:ml-3\/5 { - margin-left: 60%; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .md\:mt-4\/5 { - margin-top: 80%; + .md\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .md\:mr-4\/5 { - margin-right: 80%; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .md\:mb-4\/5 { - margin-bottom: 80%; + .md\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .md\:ml-4\/5 { - margin-left: 80%; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .md\:mt-1\/6 { - margin-top: 16.666667%; + .md\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .md\:mr-1\/6 { - margin-right: 16.666667%; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .md\:mb-1\/6 { - margin-bottom: 16.666667%; + .md\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .md\:ml-1\/6 { - margin-left: 16.666667%; + .md\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .md\:mt-2\/6 { - margin-top: 33.333333%; + .md\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .md\:mr-2\/6 { - margin-right: 33.333333%; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .md\:mb-2\/6 { - margin-bottom: 33.333333%; + .md\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .md\:ml-2\/6 { - margin-left: 33.333333%; + .md\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .md\:mt-3\/6 { - margin-top: 50%; + .md\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .md\:mr-3\/6 { - margin-right: 50%; + .md\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .md\:mb-3\/6 { - margin-bottom: 50%; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .md\:ml-3\/6 { - margin-left: 50%; + .md\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .md\:mt-4\/6 { - margin-top: 66.666667%; + .md\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .md\:mr-4\/6 { - margin-right: 66.666667%; + .md\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .md\:mb-4\/6 { - margin-bottom: 66.666667%; + .md\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .md\:ml-4\/6 { - margin-left: 66.666667%; + .md\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .md\:mt-5\/6 { - margin-top: 83.333333%; + .md\:hover\:translate-y-1\/5:hover { + --transform-translate-y: 20%; } - .md\:mr-5\/6 { - margin-right: 83.333333%; + .md\:hover\:translate-y-2\/5:hover { + --transform-translate-y: 40%; } - .md\:mb-5\/6 { - margin-bottom: 83.333333%; + .md\:hover\:translate-y-3\/5:hover { + --transform-translate-y: 60%; } - .md\:ml-5\/6 { - margin-left: 83.333333%; + .md\:hover\:translate-y-4\/5:hover { + --transform-translate-y: 80%; } - .md\:mt-1\/12 { - margin-top: 8.333333%; + .md\:hover\:translate-y-1\/6:hover { + --transform-translate-y: 16.666667%; } - .md\:mr-1\/12 { - margin-right: 8.333333%; + .md\:hover\:translate-y-2\/6:hover { + --transform-translate-y: 33.333333%; } - .md\:mb-1\/12 { - margin-bottom: 8.333333%; + .md\:hover\:translate-y-3\/6:hover { + --transform-translate-y: 50%; } - .md\:ml-1\/12 { - margin-left: 8.333333%; + .md\:hover\:translate-y-4\/6:hover { + --transform-translate-y: 66.666667%; } - .md\:mt-2\/12 { - margin-top: 16.666667%; + .md\:hover\:translate-y-5\/6:hover { + --transform-translate-y: 83.333333%; } - .md\:mr-2\/12 { - margin-right: 16.666667%; + .md\:hover\:translate-y-1\/12:hover { + --transform-translate-y: 8.333333%; } - .md\:mb-2\/12 { - margin-bottom: 16.666667%; + .md\:hover\:translate-y-2\/12:hover { + --transform-translate-y: 16.666667%; } - .md\:ml-2\/12 { - margin-left: 16.666667%; + .md\:hover\:translate-y-3\/12:hover { + --transform-translate-y: 25%; } - .md\:mt-3\/12 { - margin-top: 25%; + .md\:hover\:translate-y-4\/12:hover { + --transform-translate-y: 33.333333%; } - .md\:mr-3\/12 { - margin-right: 25%; + .md\:hover\:translate-y-5\/12:hover { + --transform-translate-y: 41.666667%; } - .md\:mb-3\/12 { - margin-bottom: 25%; + .md\:hover\:translate-y-6\/12:hover { + --transform-translate-y: 50%; } - .md\:ml-3\/12 { - margin-left: 25%; + .md\:hover\:translate-y-7\/12:hover { + --transform-translate-y: 58.333333%; } - .md\:mt-4\/12 { - margin-top: 33.333333%; + .md\:hover\:translate-y-8\/12:hover { + --transform-translate-y: 66.666667%; } - .md\:mr-4\/12 { - margin-right: 33.333333%; + .md\:hover\:translate-y-9\/12:hover { + --transform-translate-y: 75%; } - .md\:mb-4\/12 { - margin-bottom: 33.333333%; + .md\:hover\:translate-y-10\/12:hover { + --transform-translate-y: 83.333333%; } - .md\:ml-4\/12 { - margin-left: 33.333333%; + .md\:hover\:translate-y-11\/12:hover { + --transform-translate-y: 91.666667%; } - .md\:mt-5\/12 { - margin-top: 41.666667%; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .md\:mr-5\/12 { - margin-right: 41.666667%; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .md\:mb-5\/12 { - margin-bottom: 41.666667%; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .md\:ml-5\/12 { - margin-left: 41.666667%; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .md\:mt-6\/12 { - margin-top: 50%; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .md\:mr-6\/12 { - margin-right: 50%; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .md\:mb-6\/12 { - margin-bottom: 50%; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .md\:ml-6\/12 { - margin-left: 50%; + .md\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .md\:mt-7\/12 { - margin-top: 58.333333%; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .md\:mr-7\/12 { - margin-right: 58.333333%; + .md\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .md\:mb-7\/12 { - margin-bottom: 58.333333%; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .md\:ml-7\/12 { - margin-left: 58.333333%; + .md\:hover\:-translate-y-11:hover { + --transform-translate-y: -2.75rem; } - .md\:mt-8\/12 { - margin-top: 66.666667%; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .md\:mr-8\/12 { - margin-right: 66.666667%; + .md\:hover\:-translate-y-13:hover { + --transform-translate-y: -3.25rem; } - .md\:mb-8\/12 { - margin-bottom: 66.666667%; + .md\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .md\:ml-8\/12 { - margin-left: 66.666667%; + .md\:hover\:-translate-y-15:hover { + --transform-translate-y: -3.75rem; } - .md\:mt-9\/12 { - margin-top: 75%; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .md\:mr-9\/12 { - margin-right: 75%; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .md\:mb-9\/12 { - margin-bottom: 75%; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .md\:ml-9\/12 { - margin-left: 75%; + .md\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .md\:mt-10\/12 { - margin-top: 83.333333%; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .md\:mr-10\/12 { - margin-right: 83.333333%; + .md\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .md\:mb-10\/12 { - margin-bottom: 83.333333%; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .md\:ml-10\/12 { - margin-left: 83.333333%; + .md\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .md\:mt-11\/12 { - margin-top: 91.666667%; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .md\:mr-11\/12 { - margin-right: 91.666667%; + .md\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .md\:mb-11\/12 { - margin-bottom: 91.666667%; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .md\:ml-11\/12 { - margin-left: 91.666667%; + .md\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .md\:mt-full { - margin-top: 100%; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .md\:mr-full { - margin-right: 100%; + .md\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .md\:mb-full { - margin-bottom: 100%; + .md\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .md\:ml-full { - margin-left: 100%; + .md\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .md\:-mt-1 { - margin-top: -0.25rem; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .md\:-mr-1 { - margin-right: -0.25rem; + .md\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .md\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .md\:-ml-1 { - margin-left: -0.25rem; + .md\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .md\:-mt-2 { - margin-top: -0.5rem; + .md\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .md\:-mr-2 { - margin-right: -0.5rem; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .md\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.33333%; } - .md\:-ml-2 { - margin-left: -0.5rem; + .md\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.66667%; } - .md\:-mt-3 { - margin-top: -0.75rem; + .md\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .md\:-mr-3 { - margin-right: -0.75rem; + .md\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .md\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .md\:-ml-3 { - margin-left: -0.75rem; + .md\:hover\:-translate-y-1\/5:hover { + --transform-translate-y: -20%; } - .md\:-mt-4 { - margin-top: -1rem; + .md\:hover\:-translate-y-2\/5:hover { + --transform-translate-y: -40%; } - .md\:-mr-4 { - margin-right: -1rem; + .md\:hover\:-translate-y-3\/5:hover { + --transform-translate-y: -60%; } - .md\:-mb-4 { - margin-bottom: -1rem; + .md\:hover\:-translate-y-4\/5:hover { + --transform-translate-y: -80%; } - .md\:-ml-4 { - margin-left: -1rem; + .md\:hover\:-translate-y-1\/6:hover { + --transform-translate-y: -16.66667%; } - .md\:-mt-5 { - margin-top: -1.25rem; + .md\:hover\:-translate-y-2\/6:hover { + --transform-translate-y: -33.33333%; } - .md\:-mr-5 { - margin-right: -1.25rem; + .md\:hover\:-translate-y-3\/6:hover { + --transform-translate-y: -50%; } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .md\:hover\:-translate-y-4\/6:hover { + --transform-translate-y: -66.66667%; } - .md\:-ml-5 { - margin-left: -1.25rem; + .md\:hover\:-translate-y-5\/6:hover { + --transform-translate-y: -83.33333%; } - .md\:-mt-6 { - margin-top: -1.5rem; + .md\:hover\:-translate-y-1\/12:hover { + --transform-translate-y: -8.33333%; } - .md\:-mr-6 { - margin-right: -1.5rem; + .md\:hover\:-translate-y-2\/12:hover { + --transform-translate-y: -16.66667%; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .md\:hover\:-translate-y-3\/12:hover { + --transform-translate-y: -25%; } - .md\:-ml-6 { - margin-left: -1.5rem; + .md\:hover\:-translate-y-4\/12:hover { + --transform-translate-y: -33.33333%; } - .md\:-mt-7 { - margin-top: -1.75rem; + .md\:hover\:-translate-y-5\/12:hover { + --transform-translate-y: -41.66667%; } - .md\:-mr-7 { - margin-right: -1.75rem; + .md\:hover\:-translate-y-6\/12:hover { + --transform-translate-y: -50%; } - .md\:-mb-7 { - margin-bottom: -1.75rem; + .md\:hover\:-translate-y-7\/12:hover { + --transform-translate-y: -58.33333%; } - .md\:-ml-7 { - margin-left: -1.75rem; + .md\:hover\:-translate-y-8\/12:hover { + --transform-translate-y: -66.66667%; } - .md\:-mt-8 { - margin-top: -2rem; + .md\:hover\:-translate-y-9\/12:hover { + --transform-translate-y: -75%; } - .md\:-mr-8 { - margin-right: -2rem; + .md\:hover\:-translate-y-10\/12:hover { + --transform-translate-y: -83.33333%; } - .md\:-mb-8 { - margin-bottom: -2rem; + .md\:hover\:-translate-y-11\/12:hover { + --transform-translate-y: -91.66667%; } - .md\:-ml-8 { - margin-left: -2rem; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .md\:-mt-9 { - margin-top: -2.25rem; + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .md\:-mr-9 { - margin-right: -2.25rem; + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .md\:-mb-9 { - margin-bottom: -2.25rem; + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .md\:-ml-9 { - margin-left: -2.25rem; + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .md\:-mt-10 { - margin-top: -2.5rem; + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .md\:-mr-10 { - margin-right: -2.5rem; + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .md\:-ml-10 { - margin-left: -2.5rem; + .md\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .md\:-mt-11 { - margin-top: -2.75rem; + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .md\:-mr-11 { - margin-right: -2.75rem; + .md\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .md\:-mb-11 { - margin-bottom: -2.75rem; + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .md\:-ml-11 { - margin-left: -2.75rem; + .md\:focus\:translate-x-11:focus { + --transform-translate-x: 2.75rem; } - .md\:-mt-12 { - margin-top: -3rem; + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .md\:-mr-12 { - margin-right: -3rem; + .md\:focus\:translate-x-13:focus { + --transform-translate-x: 3.25rem; } - .md\:-mb-12 { - margin-bottom: -3rem; + .md\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .md\:-ml-12 { - margin-left: -3rem; + .md\:focus\:translate-x-15:focus { + --transform-translate-x: 3.75rem; } - .md\:-mt-13 { - margin-top: -3.25rem; + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .md\:-mr-13 { - margin-right: -3.25rem; + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .md\:-mb-13 { - margin-bottom: -3.25rem; + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .md\:-ml-13 { - margin-left: -3.25rem; + .md\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .md\:-mt-14 { - margin-top: -3.5rem; + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .md\:-mr-14 { - margin-right: -3.5rem; + .md\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .md\:-mb-14 { - margin-bottom: -3.5rem; + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .md\:-ml-14 { - margin-left: -3.5rem; + .md\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .md\:-mt-15 { - margin-top: -3.75rem; + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .md\:-mr-15 { - margin-right: -3.75rem; + .md\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .md\:-mb-15 { - margin-bottom: -3.75rem; + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .md\:-ml-15 { - margin-left: -3.75rem; + .md\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .md\:-mt-16 { - margin-top: -4rem; + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .md\:-mr-16 { - margin-right: -4rem; + .md\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .md\:-mb-16 { - margin-bottom: -4rem; + .md\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .md\:-ml-16 { - margin-left: -4rem; + .md\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .md\:-mt-20 { - margin-top: -5rem; + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .md\:-mr-20 { - margin-right: -5rem; + .md\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .md\:-mb-20 { - margin-bottom: -5rem; + .md\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .md\:-ml-20 { - margin-left: -5rem; + .md\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .md\:-mt-24 { - margin-top: -6rem; + .md\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .md\:-mr-24 { - margin-right: -6rem; + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .md\:-mb-24 { - margin-bottom: -6rem; + .md\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .md\:-ml-24 { - margin-left: -6rem; + .md\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .md\:-mt-28 { - margin-top: -7rem; + .md\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .md\:-mr-28 { - margin-right: -7rem; + .md\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .md\:-mb-28 { - margin-bottom: -7rem; + .md\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .md\:-ml-28 { - margin-left: -7rem; + .md\:focus\:translate-x-1\/5:focus { + --transform-translate-x: 20%; } - .md\:-mt-32 { - margin-top: -8rem; + .md\:focus\:translate-x-2\/5:focus { + --transform-translate-x: 40%; } - .md\:-mr-32 { - margin-right: -8rem; + .md\:focus\:translate-x-3\/5:focus { + --transform-translate-x: 60%; } - .md\:-mb-32 { - margin-bottom: -8rem; + .md\:focus\:translate-x-4\/5:focus { + --transform-translate-x: 80%; } - .md\:-ml-32 { - margin-left: -8rem; + .md\:focus\:translate-x-1\/6:focus { + --transform-translate-x: 16.666667%; } - .md\:-mt-36 { - margin-top: -9rem; + .md\:focus\:translate-x-2\/6:focus { + --transform-translate-x: 33.333333%; } - .md\:-mr-36 { - margin-right: -9rem; + .md\:focus\:translate-x-3\/6:focus { + --transform-translate-x: 50%; } - .md\:-mb-36 { - margin-bottom: -9rem; + .md\:focus\:translate-x-4\/6:focus { + --transform-translate-x: 66.666667%; } - .md\:-ml-36 { - margin-left: -9rem; + .md\:focus\:translate-x-5\/6:focus { + --transform-translate-x: 83.333333%; } - .md\:-mt-40 { - margin-top: -10rem; + .md\:focus\:translate-x-1\/12:focus { + --transform-translate-x: 8.333333%; } - .md\:-mr-40 { - margin-right: -10rem; + .md\:focus\:translate-x-2\/12:focus { + --transform-translate-x: 16.666667%; } - .md\:-mb-40 { - margin-bottom: -10rem; + .md\:focus\:translate-x-3\/12:focus { + --transform-translate-x: 25%; } - .md\:-ml-40 { - margin-left: -10rem; + .md\:focus\:translate-x-4\/12:focus { + --transform-translate-x: 33.333333%; } - .md\:-mt-44 { - margin-top: -11rem; + .md\:focus\:translate-x-5\/12:focus { + --transform-translate-x: 41.666667%; } - .md\:-mr-44 { - margin-right: -11rem; + .md\:focus\:translate-x-6\/12:focus { + --transform-translate-x: 50%; } - .md\:-mb-44 { - margin-bottom: -11rem; + .md\:focus\:translate-x-7\/12:focus { + --transform-translate-x: 58.333333%; } - .md\:-ml-44 { - margin-left: -11rem; + .md\:focus\:translate-x-8\/12:focus { + --transform-translate-x: 66.666667%; } - .md\:-mt-48 { - margin-top: -12rem; + .md\:focus\:translate-x-9\/12:focus { + --transform-translate-x: 75%; } - .md\:-mr-48 { - margin-right: -12rem; + .md\:focus\:translate-x-10\/12:focus { + --transform-translate-x: 83.333333%; } - .md\:-mb-48 { - margin-bottom: -12rem; + .md\:focus\:translate-x-11\/12:focus { + --transform-translate-x: 91.666667%; } - .md\:-ml-48 { - margin-left: -12rem; + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .md\:-mt-52 { - margin-top: -13rem; + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .md\:-mr-52 { - margin-right: -13rem; + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .md\:-mb-52 { - margin-bottom: -13rem; + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .md\:-ml-52 { - margin-left: -13rem; + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .md\:-mt-56 { - margin-top: -14rem; + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .md\:-mr-56 { - margin-right: -14rem; + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .md\:-mb-56 { - margin-bottom: -14rem; + .md\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .md\:-ml-56 { - margin-left: -14rem; + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .md\:-mt-60 { - margin-top: -15rem; + .md\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .md\:-mr-60 { - margin-right: -15rem; + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .md\:-mb-60 { - margin-bottom: -15rem; + .md\:focus\:-translate-x-11:focus { + --transform-translate-x: -2.75rem; } - .md\:-ml-60 { - margin-left: -15rem; + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .md\:-mt-64 { - margin-top: -16rem; + .md\:focus\:-translate-x-13:focus { + --transform-translate-x: -3.25rem; } - .md\:-mr-64 { - margin-right: -16rem; + .md\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .md\:-mb-64 { - margin-bottom: -16rem; + .md\:focus\:-translate-x-15:focus { + --transform-translate-x: -3.75rem; } - .md\:-ml-64 { - margin-left: -16rem; + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .md\:-mt-72 { - margin-top: -18rem; + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .md\:-mr-72 { - margin-right: -18rem; + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .md\:-mb-72 { - margin-bottom: -18rem; + .md\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .md\:-ml-72 { - margin-left: -18rem; + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .md\:-mt-80 { - margin-top: -20rem; + .md\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .md\:-mr-80 { - margin-right: -20rem; + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .md\:-mb-80 { - margin-bottom: -20rem; + .md\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .md\:-ml-80 { - margin-left: -20rem; + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .md\:-mt-96 { - margin-top: -24rem; + .md\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .md\:-mr-96 { - margin-right: -24rem; + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .md\:-mb-96 { - margin-bottom: -24rem; + .md\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .md\:-ml-96 { - margin-left: -24rem; + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .md\:-mt-px { - margin-top: -1px; + .md\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .md\:-mr-px { - margin-right: -1px; + .md\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .md\:-mb-px { - margin-bottom: -1px; + .md\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .md\:-ml-px { - margin-left: -1px; + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .md\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .md\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .md\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .md\:-mt-1\.5 { - margin-top: -0.375rem; + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .md\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.33333%; } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.66667%; } - .md\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .md\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .md\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:focus\:-translate-x-1\/5:focus { + --transform-translate-x: -20%; } - .md\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:focus\:-translate-x-2\/5:focus { + --transform-translate-x: -40%; } - .md\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:focus\:-translate-x-3\/5:focus { + --transform-translate-x: -60%; } - .md\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:focus\:-translate-x-4\/5:focus { + --transform-translate-x: -80%; } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:focus\:-translate-x-1\/6:focus { + --transform-translate-x: -16.66667%; } - .md\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:focus\:-translate-x-2\/6:focus { + --transform-translate-x: -33.33333%; } - .md\:-mt-1\/2 { - margin-top: -50%; + .md\:focus\:-translate-x-3\/6:focus { + --transform-translate-x: -50%; } - .md\:-mr-1\/2 { - margin-right: -50%; + .md\:focus\:-translate-x-4\/6:focus { + --transform-translate-x: -66.66667%; } - .md\:-mb-1\/2 { - margin-bottom: -50%; + .md\:focus\:-translate-x-5\/6:focus { + --transform-translate-x: -83.33333%; } - .md\:-ml-1\/2 { - margin-left: -50%; + .md\:focus\:-translate-x-1\/12:focus { + --transform-translate-x: -8.33333%; } - .md\:-mt-1\/3 { - margin-top: -33.33333%; + .md\:focus\:-translate-x-2\/12:focus { + --transform-translate-x: -16.66667%; } - .md\:-mr-1\/3 { - margin-right: -33.33333%; + .md\:focus\:-translate-x-3\/12:focus { + --transform-translate-x: -25%; } - .md\:-mb-1\/3 { - margin-bottom: -33.33333%; + .md\:focus\:-translate-x-4\/12:focus { + --transform-translate-x: -33.33333%; } - .md\:-ml-1\/3 { - margin-left: -33.33333%; + .md\:focus\:-translate-x-5\/12:focus { + --transform-translate-x: -41.66667%; } - .md\:-mt-2\/3 { - margin-top: -66.66667%; + .md\:focus\:-translate-x-6\/12:focus { + --transform-translate-x: -50%; } - .md\:-mr-2\/3 { - margin-right: -66.66667%; + .md\:focus\:-translate-x-7\/12:focus { + --transform-translate-x: -58.33333%; } - .md\:-mb-2\/3 { - margin-bottom: -66.66667%; + .md\:focus\:-translate-x-8\/12:focus { + --transform-translate-x: -66.66667%; } - .md\:-ml-2\/3 { - margin-left: -66.66667%; + .md\:focus\:-translate-x-9\/12:focus { + --transform-translate-x: -75%; } - .md\:-mt-1\/4 { - margin-top: -25%; + .md\:focus\:-translate-x-10\/12:focus { + --transform-translate-x: -83.33333%; } - .md\:-mr-1\/4 { - margin-right: -25%; + .md\:focus\:-translate-x-11\/12:focus { + --transform-translate-x: -91.66667%; } - .md\:-mb-1\/4 { - margin-bottom: -25%; + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .md\:-ml-1\/4 { - margin-left: -25%; + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .md\:-mt-2\/4 { - margin-top: -50%; + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .md\:-mr-2\/4 { - margin-right: -50%; + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .md\:-mb-2\/4 { - margin-bottom: -50%; + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .md\:-ml-2\/4 { - margin-left: -50%; + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .md\:-mt-3\/4 { - margin-top: -75%; + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .md\:-mr-3\/4 { - margin-right: -75%; + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .md\:-mb-3\/4 { - margin-bottom: -75%; + .md\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .md\:-ml-3\/4 { - margin-left: -75%; + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .md\:-mt-1\/5 { - margin-top: -20%; + .md\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .md\:-mr-1\/5 { - margin-right: -20%; + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .md\:-mb-1\/5 { - margin-bottom: -20%; + .md\:focus\:translate-y-11:focus { + --transform-translate-y: 2.75rem; } - .md\:-ml-1\/5 { - margin-left: -20%; + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .md\:-mt-2\/5 { - margin-top: -40%; + .md\:focus\:translate-y-13:focus { + --transform-translate-y: 3.25rem; } - .md\:-mr-2\/5 { - margin-right: -40%; + .md\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .md\:-mb-2\/5 { - margin-bottom: -40%; + .md\:focus\:translate-y-15:focus { + --transform-translate-y: 3.75rem; } - .md\:-ml-2\/5 { - margin-left: -40%; + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .md\:-mt-3\/5 { - margin-top: -60%; + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .md\:-mr-3\/5 { - margin-right: -60%; + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .md\:-mb-3\/5 { - margin-bottom: -60%; + .md\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .md\:-ml-3\/5 { - margin-left: -60%; + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .md\:-mt-4\/5 { - margin-top: -80%; + .md\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .md\:-mr-4\/5 { - margin-right: -80%; + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .md\:-mb-4\/5 { - margin-bottom: -80%; + .md\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .md\:-ml-4\/5 { - margin-left: -80%; + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .md\:-mt-1\/6 { - margin-top: -16.66667%; + .md\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .md\:-mr-1\/6 { - margin-right: -16.66667%; + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .md\:-mb-1\/6 { - margin-bottom: -16.66667%; + .md\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .md\:-ml-1\/6 { - margin-left: -16.66667%; + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .md\:-mt-2\/6 { - margin-top: -33.33333%; + .md\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .md\:-mr-2\/6 { - margin-right: -33.33333%; + .md\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .md\:-mb-2\/6 { - margin-bottom: -33.33333%; + .md\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .md\:-ml-2\/6 { - margin-left: -33.33333%; + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .md\:-mt-3\/6 { - margin-top: -50%; + .md\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .md\:-mr-3\/6 { - margin-right: -50%; + .md\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .md\:-mb-3\/6 { - margin-bottom: -50%; + .md\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .md\:-ml-3\/6 { - margin-left: -50%; + .md\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .md\:-mt-4\/6 { - margin-top: -66.66667%; + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .md\:-mr-4\/6 { - margin-right: -66.66667%; + .md\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .md\:-mb-4\/6 { - margin-bottom: -66.66667%; + .md\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .md\:-ml-4\/6 { - margin-left: -66.66667%; + .md\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .md\:-mt-5\/6 { - margin-top: -83.33333%; + .md\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .md\:-mr-5\/6 { - margin-right: -83.33333%; + .md\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .md\:-mb-5\/6 { - margin-bottom: -83.33333%; + .md\:focus\:translate-y-1\/5:focus { + --transform-translate-y: 20%; } - .md\:-ml-5\/6 { - margin-left: -83.33333%; + .md\:focus\:translate-y-2\/5:focus { + --transform-translate-y: 40%; } - .md\:-mt-1\/12 { - margin-top: -8.33333%; + .md\:focus\:translate-y-3\/5:focus { + --transform-translate-y: 60%; } - .md\:-mr-1\/12 { - margin-right: -8.33333%; + .md\:focus\:translate-y-4\/5:focus { + --transform-translate-y: 80%; } - .md\:-mb-1\/12 { - margin-bottom: -8.33333%; + .md\:focus\:translate-y-1\/6:focus { + --transform-translate-y: 16.666667%; } - .md\:-ml-1\/12 { - margin-left: -8.33333%; + .md\:focus\:translate-y-2\/6:focus { + --transform-translate-y: 33.333333%; } - .md\:-mt-2\/12 { - margin-top: -16.66667%; + .md\:focus\:translate-y-3\/6:focus { + --transform-translate-y: 50%; } - .md\:-mr-2\/12 { - margin-right: -16.66667%; + .md\:focus\:translate-y-4\/6:focus { + --transform-translate-y: 66.666667%; } - .md\:-mb-2\/12 { - margin-bottom: -16.66667%; + .md\:focus\:translate-y-5\/6:focus { + --transform-translate-y: 83.333333%; } - .md\:-ml-2\/12 { - margin-left: -16.66667%; + .md\:focus\:translate-y-1\/12:focus { + --transform-translate-y: 8.333333%; } - .md\:-mt-3\/12 { - margin-top: -25%; + .md\:focus\:translate-y-2\/12:focus { + --transform-translate-y: 16.666667%; } - .md\:-mr-3\/12 { - margin-right: -25%; + .md\:focus\:translate-y-3\/12:focus { + --transform-translate-y: 25%; } - .md\:-mb-3\/12 { - margin-bottom: -25%; + .md\:focus\:translate-y-4\/12:focus { + --transform-translate-y: 33.333333%; } - .md\:-ml-3\/12 { - margin-left: -25%; + .md\:focus\:translate-y-5\/12:focus { + --transform-translate-y: 41.666667%; } - .md\:-mt-4\/12 { - margin-top: -33.33333%; + .md\:focus\:translate-y-6\/12:focus { + --transform-translate-y: 50%; } - .md\:-mr-4\/12 { - margin-right: -33.33333%; + .md\:focus\:translate-y-7\/12:focus { + --transform-translate-y: 58.333333%; } - .md\:-mb-4\/12 { - margin-bottom: -33.33333%; + .md\:focus\:translate-y-8\/12:focus { + --transform-translate-y: 66.666667%; } - .md\:-ml-4\/12 { - margin-left: -33.33333%; + .md\:focus\:translate-y-9\/12:focus { + --transform-translate-y: 75%; } - .md\:-mt-5\/12 { - margin-top: -41.66667%; + .md\:focus\:translate-y-10\/12:focus { + --transform-translate-y: 83.333333%; } - .md\:-mr-5\/12 { - margin-right: -41.66667%; + .md\:focus\:translate-y-11\/12:focus { + --transform-translate-y: 91.666667%; } - .md\:-mb-5\/12 { - margin-bottom: -41.66667%; + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .md\:-ml-5\/12 { - margin-left: -41.66667%; + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .md\:-mt-6\/12 { - margin-top: -50%; + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .md\:-mr-6\/12 { - margin-right: -50%; + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .md\:-mb-6\/12 { - margin-bottom: -50%; + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .md\:-ml-6\/12 { - margin-left: -50%; + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .md\:-mt-7\/12 { - margin-top: -58.33333%; + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .md\:-mr-7\/12 { - margin-right: -58.33333%; + .md\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .md\:-mb-7\/12 { - margin-bottom: -58.33333%; + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .md\:-ml-7\/12 { - margin-left: -58.33333%; + .md\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .md\:-mt-8\/12 { - margin-top: -66.66667%; + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .md\:-mr-8\/12 { - margin-right: -66.66667%; + .md\:focus\:-translate-y-11:focus { + --transform-translate-y: -2.75rem; } - .md\:-mb-8\/12 { - margin-bottom: -66.66667%; + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .md\:-ml-8\/12 { - margin-left: -66.66667%; + .md\:focus\:-translate-y-13:focus { + --transform-translate-y: -3.25rem; } - .md\:-mt-9\/12 { - margin-top: -75%; + .md\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .md\:-mr-9\/12 { - margin-right: -75%; + .md\:focus\:-translate-y-15:focus { + --transform-translate-y: -3.75rem; } - .md\:-mb-9\/12 { - margin-bottom: -75%; + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .md\:-ml-9\/12 { - margin-left: -75%; + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .md\:-mt-10\/12 { - margin-top: -83.33333%; + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .md\:-mr-10\/12 { - margin-right: -83.33333%; + .md\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .md\:-mb-10\/12 { - margin-bottom: -83.33333%; + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .md\:-ml-10\/12 { - margin-left: -83.33333%; + .md\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .md\:-mt-11\/12 { - margin-top: -91.66667%; + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .md\:-mr-11\/12 { - margin-right: -91.66667%; + .md\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .md\:-mb-11\/12 { - margin-bottom: -91.66667%; + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .md\:-ml-11\/12 { - margin-left: -91.66667%; + .md\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .md\:-mt-full { - margin-top: -100%; + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .md\:-mr-full { - margin-right: -100%; + .md\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .md\:-mb-full { - margin-bottom: -100%; + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .md\:-ml-full { - margin-left: -100%; + .md\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .md\:max-h-0 { - max-height: 0; + .md\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .md\:max-h-1 { - max-height: 0.25rem; + .md\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .md\:max-h-2 { - max-height: 0.5rem; + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .md\:max-h-3 { - max-height: 0.75rem; + .md\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .md\:max-h-4 { - max-height: 1rem; + .md\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .md\:max-h-5 { - max-height: 1.25rem; + .md\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .md\:max-h-6 { - max-height: 1.5rem; + .md\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .md\:max-h-7 { - max-height: 1.75rem; + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .md\:max-h-8 { - max-height: 2rem; + .md\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.33333%; } - .md\:max-h-9 { - max-height: 2.25rem; + .md\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.66667%; } - .md\:max-h-10 { - max-height: 2.5rem; + .md\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .md\:max-h-11 { - max-height: 2.75rem; + .md\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .md\:max-h-12 { - max-height: 3rem; + .md\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .md\:max-h-13 { - max-height: 3.25rem; + .md\:focus\:-translate-y-1\/5:focus { + --transform-translate-y: -20%; } - .md\:max-h-14 { - max-height: 3.5rem; + .md\:focus\:-translate-y-2\/5:focus { + --transform-translate-y: -40%; } - .md\:max-h-15 { - max-height: 3.75rem; + .md\:focus\:-translate-y-3\/5:focus { + --transform-translate-y: -60%; } - .md\:max-h-16 { - max-height: 4rem; + .md\:focus\:-translate-y-4\/5:focus { + --transform-translate-y: -80%; } - .md\:max-h-20 { - max-height: 5rem; + .md\:focus\:-translate-y-1\/6:focus { + --transform-translate-y: -16.66667%; } - .md\:max-h-24 { - max-height: 6rem; + .md\:focus\:-translate-y-2\/6:focus { + --transform-translate-y: -33.33333%; } - .md\:max-h-28 { - max-height: 7rem; + .md\:focus\:-translate-y-3\/6:focus { + --transform-translate-y: -50%; } - .md\:max-h-32 { - max-height: 8rem; + .md\:focus\:-translate-y-4\/6:focus { + --transform-translate-y: -66.66667%; } - .md\:max-h-36 { - max-height: 9rem; + .md\:focus\:-translate-y-5\/6:focus { + --transform-translate-y: -83.33333%; } - .md\:max-h-40 { - max-height: 10rem; + .md\:focus\:-translate-y-1\/12:focus { + --transform-translate-y: -8.33333%; } - .md\:max-h-44 { - max-height: 11rem; + .md\:focus\:-translate-y-2\/12:focus { + --transform-translate-y: -16.66667%; } - .md\:max-h-48 { - max-height: 12rem; + .md\:focus\:-translate-y-3\/12:focus { + --transform-translate-y: -25%; } - .md\:max-h-52 { - max-height: 13rem; + .md\:focus\:-translate-y-4\/12:focus { + --transform-translate-y: -33.33333%; } - .md\:max-h-56 { - max-height: 14rem; + .md\:focus\:-translate-y-5\/12:focus { + --transform-translate-y: -41.66667%; } - .md\:max-h-60 { - max-height: 15rem; + .md\:focus\:-translate-y-6\/12:focus { + --transform-translate-y: -50%; } - .md\:max-h-64 { - max-height: 16rem; + .md\:focus\:-translate-y-7\/12:focus { + --transform-translate-y: -58.33333%; } - .md\:max-h-72 { - max-height: 18rem; + .md\:focus\:-translate-y-8\/12:focus { + --transform-translate-y: -66.66667%; } - .md\:max-h-80 { - max-height: 20rem; + .md\:focus\:-translate-y-9\/12:focus { + --transform-translate-y: -75%; } - .md\:max-h-96 { - max-height: 24rem; + .md\:focus\:-translate-y-10\/12:focus { + --transform-translate-y: -83.33333%; } - .md\:max-h-screen { - max-height: 100vh; + .md\:focus\:-translate-y-11\/12:focus { + --transform-translate-y: -91.66667%; } - .md\:max-h-px { - max-height: 1px; + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .md\:max-h-0\.5 { - max-height: 0.125rem; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .md\:max-h-1\.5 { - max-height: 0.375rem; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:max-h-2\.5 { - max-height: 0.625rem; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:max-h-3\.5 { - max-height: 0.875rem; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:max-h-1\/2 { - max-height: 50%; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:max-h-1\/3 { - max-height: 33.333333%; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:max-h-2\/3 { - max-height: 66.666667%; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:max-h-1\/4 { - max-height: 25%; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .md\:max-h-2\/4 { - max-height: 50%; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:max-h-3\/4 { - max-height: 75%; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:max-h-1\/5 { - max-height: 20%; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:max-h-2\/5 { - max-height: 40%; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:max-h-3\/5 { - max-height: 60%; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:max-h-4\/5 { - max-height: 80%; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:max-h-1\/6 { - max-height: 16.666667%; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:max-h-2\/6 { - max-height: 33.333333%; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:max-h-3\/6 { - max-height: 50%; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:max-h-4\/6 { - max-height: 66.666667%; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:max-h-5\/6 { - max-height: 83.333333%; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:max-h-1\/12 { - max-height: 8.333333%; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:max-h-2\/12 { - max-height: 16.666667%; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:max-h-3\/12 { - max-height: 25%; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:max-h-4\/12 { - max-height: 33.333333%; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:max-h-5\/12 { - max-height: 41.666667%; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:max-h-6\/12 { - max-height: 50%; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:max-h-7\/12 { - max-height: 58.333333%; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:max-h-8\/12 { - max-height: 66.666667%; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:max-h-9\/12 { - max-height: 75%; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:max-h-10\/12 { - max-height: 83.333333%; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:max-h-11\/12 { - max-height: 91.666667%; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:max-h-full { - max-height: 100%; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:max-w-0 { - max-width: 0rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:max-w-none { - max-width: none; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:max-w-xs { - max-width: 20rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:max-w-sm { - max-width: 24rem; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:max-w-md { - max-width: 28rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:max-w-lg { - max-width: 32rem; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:max-w-xl { - max-width: 36rem; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:max-w-2xl { - max-width: 42rem; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:max-w-3xl { - max-width: 48rem; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:max-w-4xl { - max-width: 56rem; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:max-w-5xl { - max-width: 64rem; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:max-w-6xl { - max-width: 72rem; + .md\:transition-none { + transition-property: none; } - .md\:max-w-7xl { - max-width: 80rem; + .md\:transition-all { + transition-property: all; } - .md\:max-w-full { - max-width: 100%; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:max-w-min-content { - max-width: min-content; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:max-w-max-content { - max-width: max-content; + .md\:transition-opacity { + transition-property: opacity; } - .md\:max-w-screen-sm { - max-width: 640px; + .md\:transition-shadow { + transition-property: box-shadow; } - .md\:max-w-screen-md { - max-width: 768px; + .md\:transition-transform { + transition-property: transform; } - .md\:max-w-screen-lg { - max-width: 1024px; + .md\:ease-linear { + transition-timing-function: linear; } - .md\:max-w-screen-xl { - max-width: 1280px; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:min-h-0 { - min-height: 0; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:min-h-full { - min-height: 100%; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .md\:min-h-screen { - min-height: 100vh; + .md\:duration-75 { + transition-duration: 75ms; } - .md\:min-w-0 { - min-width: 0; + .md\:duration-100 { + transition-duration: 100ms; } - .md\:min-w-full { - min-width: 100%; + .md\:duration-150 { + transition-duration: 150ms; } - .md\:min-w-min-content { - min-width: min-content; + .md\:duration-200 { + transition-duration: 200ms; } - .md\:min-w-max-content { - min-width: max-content; + .md\:duration-300 { + transition-duration: 300ms; } - .md\:object-contain { - object-fit: contain; + .md\:duration-500 { + transition-duration: 500ms; } - .md\:object-cover { - object-fit: cover; + .md\:duration-700 { + transition-duration: 700ms; } - .md\:object-fill { - object-fit: fill; + .md\:duration-1000 { + transition-duration: 1000ms; } - .md\:object-none { - object-fit: none; + .md\:delay-75 { + transition-delay: 75ms; } - .md\:object-scale-down { - object-fit: scale-down; + .md\:delay-100 { + transition-delay: 100ms; } - .md\:object-bottom { - object-position: bottom; + .md\:delay-150 { + transition-delay: 150ms; } - .md\:object-center { - object-position: center; + .md\:delay-200 { + transition-delay: 200ms; } - .md\:object-left { - object-position: left; + .md\:delay-300 { + transition-delay: 300ms; } - .md\:object-left-bottom { - object-position: left bottom; + .md\:delay-500 { + transition-delay: 500ms; } - .md\:object-left-top { - object-position: left top; + .md\:delay-700 { + transition-delay: 700ms; } - .md\:object-right { - object-position: right; + .md\:delay-1000 { + transition-delay: 1000ms; } - .md\:object-right-bottom { - object-position: right bottom; + .md\:animate-none { + animation: none; } - .md\:object-right-top { - object-position: right top; + .md\:animate-spin { + animation: spin 1s linear infinite; } - .md\:object-top { - object-position: top; + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:opacity-0 { - opacity: 0; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .md\:opacity-25 { - opacity: 0.25; + .md\:animate-bounce { + animation: bounce 1s infinite; } - .md\:opacity-50 { - opacity: 0.5; + .md\:example { + font-weight: 700; + color: #f05252; } +} - .md\:opacity-75 { - opacity: 0.75; +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .md\:opacity-100 { - opacity: 1; + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .md\:hover\:opacity-0:hover { - opacity: 0; + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .lg\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0px * var(--space-y-reverse)); } - .md\:hover\:opacity-100:hover { - opacity: 1; + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .md\:focus\:opacity-0:focus { - opacity: 0; + .lg\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .lg\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:opacity-100:focus { - opacity: 1; + .lg\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .md\:outline-none { - outline: 0; + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:outline-none:focus { - outline: 0; + .lg\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .md\:overflow-auto { - overflow: auto; + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-hidden { - overflow: hidden; + .lg\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .md\:overflow-visible { - overflow: visible; + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-scroll { - overflow: scroll; + .lg\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .md\:overflow-x-auto { - overflow-x: auto; + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-y-auto { - overflow-y: auto; + .lg\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.75rem * var(--space-y-reverse)); } - .md\:overflow-x-hidden { - overflow-x: hidden; + .lg\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.75rem * var(--space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-y-hidden { - overflow-y: hidden; + .lg\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .md\:overflow-x-visible { - overflow-x: visible; + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-y-visible { - overflow-y: visible; + .lg\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.25rem * var(--space-y-reverse)); } - .md\:overflow-x-scroll { - overflow-x: scroll; + .lg\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.25rem * var(--space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-y-scroll { - overflow-y: scroll; + .lg\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.75rem * var(--space-y-reverse)); } - .md\:overscroll-auto { - overscroll-behavior: auto; + .lg\:space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.75rem * var(--space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); } - .md\:overscroll-contain { - overscroll-behavior: contain; + .lg\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .md\:overscroll-none { - overscroll-behavior: none; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto; + .lg\:space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.25rem * var(--space-y-reverse)); } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain; + .lg\:space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.25rem * var(--space-x-reverse)); + margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); } - .md\:overscroll-y-none { - overscroll-behavior-y: none; + .lg\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.5rem * var(--space-y-reverse)); } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto; + .lg\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.5rem * var(--space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain; + .lg\:space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.75rem * var(--space-y-reverse)); } - .md\:overscroll-x-none { - overscroll-behavior-x: none; + .lg\:space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.75rem * var(--space-x-reverse)); + margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); } - .md\:p-0 { - padding: 0; + .lg\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .md\:p-1 { - padding: 0.25rem; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:p-2 { - padding: 0.5rem; + .lg\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .md\:p-3 { - padding: 0.75rem; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:p-4 { - padding: 1rem; + .lg\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .md\:p-5 { - padding: 1.25rem; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:p-6 { - padding: 1.5rem; + .lg\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(7rem * var(--space-y-reverse)); } - .md\:p-7 { - padding: 1.75rem; + .lg\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(7rem * var(--space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); } - .md\:p-8 { - padding: 2rem; + .lg\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .md\:p-9 { - padding: 2.25rem; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:p-10 { - padding: 2.5rem; + .lg\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(9rem * var(--space-y-reverse)); } - .md\:p-11 { - padding: 2.75rem; + .lg\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(9rem * var(--space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); } - .md\:p-12 { - padding: 3rem; + .lg\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .md\:p-13 { - padding: 3.25rem; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:p-14 { - padding: 3.5rem; + .lg\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(11rem * var(--space-y-reverse)); } - .md\:p-15 { - padding: 3.75rem; + .lg\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(11rem * var(--space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); } - .md\:p-16 { - padding: 4rem; + .lg\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .md\:p-20 { - padding: 5rem; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:p-24 { - padding: 6rem; + .lg\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(13rem * var(--space-y-reverse)); } - .md\:p-28 { - padding: 7rem; + .lg\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(13rem * var(--space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); } - .md\:p-32 { - padding: 8rem; + .lg\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .md\:p-36 { - padding: 9rem; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:p-40 { - padding: 10rem; + .lg\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(15rem * var(--space-y-reverse)); } - .md\:p-44 { - padding: 11rem; + .lg\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(15rem * var(--space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); } - .md\:p-48 { - padding: 12rem; + .lg\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .md\:p-52 { - padding: 13rem; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:p-56 { - padding: 14rem; + .lg\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(18rem * var(--space-y-reverse)); } - .md\:p-60 { - padding: 15rem; + .lg\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(18rem * var(--space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); } - .md\:p-64 { - padding: 16rem; + .lg\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20rem * var(--space-y-reverse)); } - .md\:p-72 { - padding: 18rem; + .lg\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20rem * var(--space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); } - .md\:p-80 { - padding: 20rem; + .lg\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(24rem * var(--space-y-reverse)); } - .md\:p-96 { - padding: 24rem; + .lg\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(24rem * var(--space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); } - .md\:p-px { - padding: 1px; + .lg\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .md\:p-0\.5 { - padding: 0.125rem; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:p-1\.5 { - padding: 0.375rem; + .lg\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.125rem * var(--space-y-reverse)); } - .md\:p-2\.5 { - padding: 0.625rem; + .lg\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.125rem * var(--space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:p-3\.5 { - padding: 0.875rem; + .lg\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.375rem * var(--space-y-reverse)); } - .md\:p-1\/2 { - padding: 50%; + .lg\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.375rem * var(--space-x-reverse)); + margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:p-1\/3 { - padding: 33.333333%; + .lg\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.625rem * var(--space-y-reverse)); } - .md\:p-2\/3 { - padding: 66.666667%; + .lg\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.625rem * var(--space-x-reverse)); + margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:p-1\/4 { - padding: 25%; + .lg\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.875rem * var(--space-y-reverse)); } - .md\:p-2\/4 { - padding: 50%; + .lg\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.875rem * var(--space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:p-3\/4 { - padding: 75%; + .lg\:space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .md\:p-1\/5 { - padding: 20%; + .lg\:space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .md\:p-2\/5 { - padding: 40%; + .lg\:space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .md\:p-3\/5 { - padding: 60%; + .lg\:space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .md\:p-4\/5 { - padding: 80%; + .lg\:space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .md\:p-1\/6 { - padding: 16.666667%; + .lg\:space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .md\:p-2\/6 { - padding: 33.333333%; + .lg\:space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .md\:p-3\/6 { - padding: 50%; + .lg\:space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .md\:p-4\/6 { - padding: 66.666667%; + .lg\:space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .md\:p-5\/6 { - padding: 83.333333%; + .lg\:space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .md\:p-1\/12 { - padding: 8.333333%; + .lg\:space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .md\:p-2\/12 { - padding: 16.666667%; + .lg\:space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .md\:p-3\/12 { - padding: 25%; + .lg\:space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20% * var(--space-y-reverse)); } - .md\:p-4\/12 { - padding: 33.333333%; + .lg\:space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20% * var(--space-x-reverse)); + margin-left: calc(20% * calc(1 - var(--space-x-reverse))); } - .md\:p-5\/12 { - padding: 41.666667%; + .lg\:space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(40% * var(--space-y-reverse)); } - .md\:p-6\/12 { - padding: 50%; + .lg\:space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(40% * var(--space-x-reverse)); + margin-left: calc(40% * calc(1 - var(--space-x-reverse))); } - .md\:p-7\/12 { - padding: 58.333333%; + .lg\:space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(60% * var(--space-y-reverse)); } - .md\:p-8\/12 { - padding: 66.666667%; + .lg\:space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(60% * var(--space-x-reverse)); + margin-left: calc(60% * calc(1 - var(--space-x-reverse))); } - .md\:p-9\/12 { - padding: 75%; + .lg\:space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(80% * var(--space-y-reverse)); } - .md\:p-10\/12 { - padding: 83.333333%; + .lg\:space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(80% * var(--space-x-reverse)); + margin-left: calc(80% * calc(1 - var(--space-x-reverse))); } - .md\:p-11\/12 { - padding: 91.666667%; + .lg\:space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .md\:p-full { - padding: 100%; + .lg\:space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .lg\:space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .lg\:space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .lg\:space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .lg\:space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .lg\:space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8.333333% * var(--space-y-reverse)); } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8.333333% * var(--space-x-reverse)); + margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .lg\:space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .md\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .lg\:space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .md\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .lg\:space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(41.666667% * var(--space-y-reverse)); } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(41.666667% * var(--space-x-reverse)); + margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .lg\:space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .md\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .lg\:space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(58.333333% * var(--space-y-reverse)); } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(58.333333% * var(--space-x-reverse)); + margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .lg\:space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .md\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .lg\:space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .md\:py-13 { - padding-top: 3.25rem; - padding-bottom: 3.25rem; + .lg\:space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .md\:px-13 { - padding-left: 3.25rem; - padding-right: 3.25rem; + .lg\:space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .md\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .lg\:space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(91.666667% * var(--space-y-reverse)); } - .md\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .lg\:space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(91.666667% * var(--space-x-reverse)); + margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); } - .md\:py-15 { - padding-top: 3.75rem; - padding-bottom: 3.75rem; + .lg\:space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(100% * var(--space-y-reverse)); } - .md\:px-15 { - padding-left: 3.75rem; - padding-right: 3.75rem; + .lg\:space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(100% * var(--space-x-reverse)); + margin-left: calc(100% * calc(1 - var(--space-x-reverse))); } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .lg\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .md\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .lg\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .md\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--space-y-reverse)); } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .lg\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .md\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--space-y-reverse)); } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .lg\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .md\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:-space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--space-y-reverse)); } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:-space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); } - .md\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .lg\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .md\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:-space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.25rem * var(--space-y-reverse)); } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:-space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.25rem * var(--space-x-reverse)); + margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); } - .md\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .lg\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--space-y-reverse)); } - .md\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .lg\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .lg\:-space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.75rem * var(--space-y-reverse)); } - .md\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .lg\:-space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.75rem * var(--space-x-reverse)); + margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); } - .md\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .lg\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .md\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .lg\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .md\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .lg\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-7rem * var(--space-y-reverse)); } - .md\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .lg\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-7rem * var(--space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .lg\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .md\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .lg\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-9rem * var(--space-y-reverse)); } - .md\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .lg\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-9rem * var(--space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/2 { - padding-top: 50%; - padding-bottom: 50%; + .lg\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .md\:px-1\/2 { - padding-left: 50%; - padding-right: 50%; + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/3 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; + .lg\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-11rem * var(--space-y-reverse)); } - .md\:px-1\/3 { - padding-left: 33.333333%; - padding-right: 33.333333%; + .lg\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-11rem * var(--space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:py-2\/3 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; + .lg\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .md\:px-2\/3 { - padding-left: 66.666667%; - padding-right: 66.666667%; + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/4 { - padding-top: 25%; - padding-bottom: 25%; + .lg\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-13rem * var(--space-y-reverse)); } - .md\:px-1\/4 { - padding-left: 25%; - padding-right: 25%; + .lg\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-13rem * var(--space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:py-2\/4 { - padding-top: 50%; - padding-bottom: 50%; + .lg\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .md\:px-2\/4 { - padding-left: 50%; - padding-right: 50%; + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:py-3\/4 { - padding-top: 75%; - padding-bottom: 75%; + .lg\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-15rem * var(--space-y-reverse)); } - .md\:px-3\/4 { - padding-left: 75%; - padding-right: 75%; + .lg\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-15rem * var(--space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/5 { - padding-top: 20%; - padding-bottom: 20%; + .lg\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .md\:px-1\/5 { - padding-left: 20%; - padding-right: 20%; + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:py-2\/5 { - padding-top: 40%; - padding-bottom: 40%; + .lg\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-18rem * var(--space-y-reverse)); } - .md\:px-2\/5 { - padding-left: 40%; - padding-right: 40%; + .lg\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-18rem * var(--space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:py-3\/5 { - padding-top: 60%; - padding-bottom: 60%; + .lg\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20rem * var(--space-y-reverse)); } - .md\:px-3\/5 { - padding-left: 60%; - padding-right: 60%; + .lg\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20rem * var(--space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:py-4\/5 { - padding-top: 80%; - padding-bottom: 80%; + .lg\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-24rem * var(--space-y-reverse)); } - .md\:px-4\/5 { - padding-left: 80%; - padding-right: 80%; + .lg\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-24rem * var(--space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/6 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; + .lg\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .md\:px-1\/6 { - padding-left: 16.666667%; - padding-right: 16.666667%; + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:py-2\/6 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; + .lg\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.125rem * var(--space-y-reverse)); } - .md\:px-2\/6 { - padding-left: 33.333333%; - padding-right: 33.333333%; + .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:py-3\/6 { - padding-top: 50%; - padding-bottom: 50%; + .lg\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.375rem * var(--space-y-reverse)); } - .md\:px-3\/6 { - padding-left: 50%; - padding-right: 50%; + .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.375rem * var(--space-x-reverse)); + margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:py-4\/6 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; + .lg\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.625rem * var(--space-y-reverse)); } - .md\:px-4\/6 { - padding-left: 66.666667%; - padding-right: 66.666667%; + .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.625rem * var(--space-x-reverse)); + margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:py-5\/6 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; + .lg\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--space-y-reverse)); } - .md\:px-5\/6 { - padding-left: 83.333333%; - padding-right: 83.333333%; + .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:py-1\/12 { - padding-top: 8.333333%; - padding-bottom: 8.333333%; + .lg\:-space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .md\:px-1\/12 { - padding-left: 8.333333%; - padding-right: 8.333333%; + .lg\:-space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .md\:py-2\/12 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; + .lg\:-space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .md\:px-2\/12 { - padding-left: 16.666667%; - padding-right: 16.666667%; + .lg\:-space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .md\:py-3\/12 { - padding-top: 25%; - padding-bottom: 25%; + .lg\:-space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .md\:px-3\/12 { - padding-left: 25%; - padding-right: 25%; + .lg\:-space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .md\:py-4\/12 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; + .lg\:-space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .md\:px-4\/12 { - padding-left: 33.333333%; - padding-right: 33.333333%; + .lg\:-space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .md\:py-5\/12 { - padding-top: 41.666667%; - padding-bottom: 41.666667%; + .lg\:-space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .md\:px-5\/12 { - padding-left: 41.666667%; - padding-right: 41.666667%; + .lg\:-space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .md\:py-6\/12 { - padding-top: 50%; - padding-bottom: 50%; + .lg\:-space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .md\:px-6\/12 { - padding-left: 50%; - padding-right: 50%; + .lg\:-space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .md\:py-7\/12 { - padding-top: 58.333333%; - padding-bottom: 58.333333%; + .lg\:-space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20% * var(--space-y-reverse)); } - .md\:px-7\/12 { - padding-left: 58.333333%; - padding-right: 58.333333%; + .lg\:-space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20% * var(--space-x-reverse)); + margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); } - .md\:py-8\/12 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; + .lg\:-space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-40% * var(--space-y-reverse)); } - .md\:px-8\/12 { - padding-left: 66.666667%; - padding-right: 66.666667%; + .lg\:-space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-40% * var(--space-x-reverse)); + margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); } - .md\:py-9\/12 { - padding-top: 75%; - padding-bottom: 75%; + .lg\:-space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-60% * var(--space-y-reverse)); } - .md\:px-9\/12 { - padding-left: 75%; - padding-right: 75%; + .lg\:-space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-60% * var(--space-x-reverse)); + margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); } - .md\:py-10\/12 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; + .lg\:-space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-80% * var(--space-y-reverse)); } - .md\:px-10\/12 { - padding-left: 83.333333%; - padding-right: 83.333333%; + .lg\:-space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-80% * var(--space-x-reverse)); + margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); } - .md\:py-11\/12 { - padding-top: 91.666667%; - padding-bottom: 91.666667%; + .lg\:-space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .md\:px-11\/12 { - padding-left: 91.666667%; - padding-right: 91.666667%; + .lg\:-space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .md\:py-full { - padding-top: 100%; - padding-bottom: 100%; + .lg\:-space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .md\:px-full { - padding-left: 100%; - padding-right: 100%; + .lg\:-space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pt-0 { - padding-top: 0; + .lg\:-space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .md\:pr-0 { - padding-right: 0; + .lg\:-space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .md\:pb-0 { - padding-bottom: 0; + .lg\:-space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .md\:pl-0 { - padding-left: 0; + .lg\:-space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .md\:pt-1 { - padding-top: 0.25rem; + .lg\:-space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .md\:pr-1 { - padding-right: 0.25rem; + .lg\:-space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pb-1 { - padding-bottom: 0.25rem; + .lg\:-space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8.33333% * var(--space-y-reverse)); } - .md\:pl-1 { - padding-left: 0.25rem; + .lg\:-space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8.33333% * var(--space-x-reverse)); + margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pt-2 { - padding-top: 0.5rem; + .lg\:-space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .md\:pr-2 { - padding-right: 0.5rem; + .lg\:-space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .md\:pb-2 { - padding-bottom: 0.5rem; + .lg\:-space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .md\:pl-2 { - padding-left: 0.5rem; + .lg\:-space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .md\:pt-3 { - padding-top: 0.75rem; + .lg\:-space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .md\:pr-3 { - padding-right: 0.75rem; + .lg\:-space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pb-3 { - padding-bottom: 0.75rem; + .lg\:-space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-41.66667% * var(--space-y-reverse)); } - .md\:pl-3 { - padding-left: 0.75rem; + .lg\:-space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-41.66667% * var(--space-x-reverse)); + margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); } - .md\:pt-4 { - padding-top: 1rem; + .lg\:-space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .md\:pr-4 { - padding-right: 1rem; + .lg\:-space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .md\:pb-4 { - padding-bottom: 1rem; + .lg\:-space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-58.33333% * var(--space-y-reverse)); } - .md\:pl-4 { - padding-left: 1rem; + .lg\:-space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-58.33333% * var(--space-x-reverse)); + margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pt-5 { - padding-top: 1.25rem; + .lg\:-space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .md\:pr-5 { - padding-right: 1.25rem; + .lg\:-space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .md\:pb-5 { - padding-bottom: 1.25rem; + .lg\:-space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .md\:pl-5 { - padding-left: 1.25rem; + .lg\:-space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .md\:pt-6 { - padding-top: 1.5rem; + .lg\:-space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .md\:pr-6 { - padding-right: 1.5rem; + .lg\:-space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .md\:pb-6 { - padding-bottom: 1.5rem; + .lg\:-space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-91.66667% * var(--space-y-reverse)); } - .md\:pl-6 { - padding-left: 1.5rem; + .lg\:-space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-91.66667% * var(--space-x-reverse)); + margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); } - .md\:pt-7 { - padding-top: 1.75rem; + .lg\:-space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-100% * var(--space-y-reverse)); } - .md\:pr-7 { - padding-right: 1.75rem; + .lg\:-space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-100% * var(--space-x-reverse)); + margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); } - .md\:pb-7 { - padding-bottom: 1.75rem; + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:pl-7 { - padding-left: 1.75rem; + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:pt-8 { - padding-top: 2rem; + .lg\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0px * var(--divide-y-reverse)); } - .md\:pr-8 { - padding-right: 2rem; + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:pb-8 { - padding-bottom: 2rem; + .lg\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .md\:pl-8 { - padding-left: 2rem; + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:pt-9 { - padding-top: 2.25rem; + .lg\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .md\:pr-9 { - padding-right: 2.25rem; + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:pb-9 { - padding-bottom: 2.25rem; + .lg\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .md\:pl-9 { - padding-left: 2.25rem; + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:pt-10 { - padding-top: 2.5rem; + .lg\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .md\:pr-10 { - padding-right: 2.5rem; + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:pb-10 { - padding-bottom: 2.5rem; + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:pl-10 { - padding-left: 2.5rem; + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:pt-11 { - padding-top: 2.75rem; + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:pr-11 { - padding-right: 2.75rem; + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:pb-11 { - padding-bottom: 2.75rem; + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:pl-11 { - padding-left: 2.75rem; + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:pt-12 { - padding-top: 3rem; + .lg\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); } - .md\:pr-12 { - padding-right: 3rem; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); } - .md\:pb-12 { - padding-bottom: 3rem; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); } - .md\:pl-12 { - padding-left: 3rem; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); } - .md\:pt-13 { - padding-top: 3.25rem; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); } - .md\:pr-13 { - padding-right: 3.25rem; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); } - .md\:pb-13 { - padding-bottom: 3.25rem; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); } - .md\:pl-13 { - padding-left: 3.25rem; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); } - .md\:pt-14 { - padding-top: 3.5rem; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); } - .md\:pr-14 { - padding-right: 3.5rem; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); } - .md\:pb-14 { - padding-bottom: 3.5rem; + .lg\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); } - .md\:pl-14 { - padding-left: 3.5rem; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); } - .md\:pt-15 { - padding-top: 3.75rem; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); } - .md\:pr-15 { - padding-right: 3.75rem; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); } - .md\:pb-15 { - padding-bottom: 3.75rem; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); } - .md\:pl-15 { - padding-left: 3.75rem; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); } - .md\:pt-16 { - padding-top: 4rem; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); } - .md\:pr-16 { - padding-right: 4rem; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); } - .md\:pb-16 { - padding-bottom: 4rem; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); } - .md\:pl-16 { - padding-left: 4rem; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); } - .md\:pt-20 { - padding-top: 5rem; + .lg\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); } - .md\:pr-20 { - padding-right: 5rem; + .lg\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); } - .md\:pb-20 { - padding-bottom: 5rem; + .lg\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); } - .md\:pl-20 { - padding-left: 5rem; + .lg\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); } - .md\:pt-24 { - padding-top: 6rem; + .lg\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); } - .md\:pr-24 { - padding-right: 6rem; + .lg\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); } - .md\:pb-24 { - padding-bottom: 6rem; + .lg\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); } - .md\:pl-24 { - padding-left: 6rem; + .lg\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); } - .md\:pt-28 { - padding-top: 7rem; + .lg\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); } - .md\:pr-28 { - padding-right: 7rem; + .lg\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); } - .md\:pb-28 { - padding-bottom: 7rem; + .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); } - .md\:pl-28 { - padding-left: 7rem; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); } - .md\:pt-32 { - padding-top: 8rem; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); } - .md\:pr-32 { - padding-right: 8rem; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); } - .md\:pb-32 { - padding-bottom: 8rem; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); } - .md\:pl-32 { - padding-left: 8rem; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); } - .md\:pt-36 { - padding-top: 9rem; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); } - .md\:pr-36 { - padding-right: 9rem; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); } - .md\:pb-36 { - padding-bottom: 9rem; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); } - .md\:pl-36 { - padding-left: 9rem; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); } - .md\:pt-40 { - padding-top: 10rem; + .lg\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); } - .md\:pr-40 { - padding-right: 10rem; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); } - .md\:pb-40 { - padding-bottom: 10rem; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); } - .md\:pl-40 { - padding-left: 10rem; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); } - .md\:pt-44 { - padding-top: 11rem; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); } - .md\:pr-44 { - padding-right: 11rem; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); } - .md\:pb-44 { - padding-bottom: 11rem; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); } - .md\:pl-44 { - padding-left: 11rem; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); } - .md\:pt-48 { - padding-top: 12rem; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); } - .md\:pr-48 { - padding-right: 12rem; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); } - .md\:pb-48 { - padding-bottom: 12rem; + .lg\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); } - .md\:pl-48 { - padding-left: 12rem; + .lg\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); } - .md\:pt-52 { - padding-top: 13rem; + .lg\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); } - .md\:pr-52 { - padding-right: 13rem; + .lg\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); } - .md\:pb-52 { - padding-bottom: 13rem; + .lg\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); } - .md\:pl-52 { - padding-left: 13rem; + .lg\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); } - .md\:pt-56 { - padding-top: 14rem; + .lg\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); } - .md\:pr-56 { - padding-right: 14rem; + .lg\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); } - .md\:pb-56 { - padding-bottom: 14rem; + .lg\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); } - .md\:pl-56 { - padding-left: 14rem; + .lg\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); } - .md\:pt-60 { - padding-top: 15rem; + .lg\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); } - .md\:pr-60 { - padding-right: 15rem; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); } - .md\:pb-60 { - padding-bottom: 15rem; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); } - .md\:pl-60 { - padding-left: 15rem; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); } - .md\:pt-64 { - padding-top: 16rem; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); } - .md\:pr-64 { - padding-right: 16rem; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); } - .md\:pb-64 { - padding-bottom: 16rem; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); } - .md\:pl-64 { - padding-left: 16rem; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); } - .md\:pt-72 { - padding-top: 18rem; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); } - .md\:pr-72 { - padding-right: 18rem; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); } - .md\:pb-72 { - padding-bottom: 18rem; + .lg\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); } - .md\:pl-72 { - padding-left: 18rem; + .lg\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); } - .md\:pt-80 { - padding-top: 20rem; + .lg\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); } - .md\:pr-80 { - padding-right: 20rem; + .lg\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); } - .md\:pb-80 { - padding-bottom: 20rem; + .lg\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); } - .md\:pl-80 { - padding-left: 20rem; + .lg\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); } - .md\:pt-96 { - padding-top: 24rem; + .lg\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); } - .md\:pr-96 { - padding-right: 24rem; + .lg\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); } - .md\:pb-96 { - padding-bottom: 24rem; + .lg\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); } - .md\:pl-96 { - padding-left: 24rem; + .lg\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); } - .md\:pt-px { - padding-top: 1px; + .lg\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); } - .md\:pr-px { - padding-right: 1px; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); } - .md\:pb-px { - padding-bottom: 1px; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); } - .md\:pl-px { - padding-left: 1px; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); } - .md\:pt-0\.5 { - padding-top: 0.125rem; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); } - .md\:pr-0\.5 { - padding-right: 0.125rem; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); } - .md\:pb-0\.5 { - padding-bottom: 0.125rem; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); } - .md\:pl-0\.5 { - padding-left: 0.125rem; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); } - .md\:pt-1\.5 { - padding-top: 0.375rem; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); } - .md\:pr-1\.5 { - padding-right: 0.375rem; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); } - .md\:pb-1\.5 { - padding-bottom: 0.375rem; + .lg\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .md\:pl-1\.5 { - padding-left: 0.375rem; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); } - .md\:pt-2\.5 { - padding-top: 0.625rem; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); } - .md\:pr-2\.5 { - padding-right: 0.625rem; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); } - .md\:pb-2\.5 { - padding-bottom: 0.625rem; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); } - .md\:pl-2\.5 { - padding-left: 0.625rem; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); } - .md\:pt-3\.5 { - padding-top: 0.875rem; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); } - .md\:pr-3\.5 { - padding-right: 0.875rem; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); } - .md\:pb-3\.5 { - padding-bottom: 0.875rem; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); } - .md\:pl-3\.5 { - padding-left: 0.875rem; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); } - .md\:pt-1\/2 { - padding-top: 50%; - } + @media (prefers-color-scheme: dark) { + .lg\:dark\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } - .md\:pr-1\/2 { - padding-right: 50%; - } + .lg\:dark\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .md\:pb-1\/2 { - padding-bottom: 50%; - } + .lg\:dark\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .md\:pl-1\/2 { - padding-left: 50%; - } + .lg\:dark\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .md\:pt-1\/3 { - padding-top: 33.333333%; - } + .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } - .md\:pr-1\/3 { - padding-right: 33.333333%; - } + .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } - .md\:pb-1\/3 { - padding-bottom: 33.333333%; - } + .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } - .md\:pl-1\/3 { - padding-left: 33.333333%; - } + .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } - .md\:pt-2\/3 { - padding-top: 66.666667%; - } + .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } - .md\:pr-2\/3 { - padding-right: 66.666667%; - } + .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } - .md\:pb-2\/3 { - padding-bottom: 66.666667%; - } + .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } - .md\:pl-2\/3 { - padding-left: 66.666667%; - } + .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } - .md\:pt-1\/4 { - padding-top: 25%; - } + .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } - .md\:pr-1\/4 { - padding-right: 25%; - } + .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } - .md\:pb-1\/4 { - padding-bottom: 25%; - } + .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } - .md\:pl-1\/4 { - padding-left: 25%; - } + .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } - .md\:pt-2\/4 { - padding-top: 50%; - } + .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } - .md\:pr-2\/4 { - padding-right: 50%; - } + .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } - .md\:pb-2\/4 { - padding-bottom: 50%; - } + .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } - .md\:pl-2\/4 { - padding-left: 50%; - } + .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } - .md\:pt-3\/4 { - padding-top: 75%; - } + .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } - .md\:pr-3\/4 { - padding-right: 75%; - } + .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } - .md\:pb-3\/4 { - padding-bottom: 75%; - } + .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } - .md\:pl-3\/4 { - padding-left: 75%; - } + .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } - .md\:pt-1\/5 { - padding-top: 20%; - } + .lg\:dark\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } - .md\:pr-1\/5 { - padding-right: 20%; - } + .lg\:dark\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } - .md\:pb-1\/5 { - padding-bottom: 20%; - } + .lg\:dark\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } - .md\:pl-1\/5 { - padding-left: 20%; - } + .lg\:dark\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } - .md\:pt-2\/5 { - padding-top: 40%; - } + .lg\:dark\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } - .md\:pr-2\/5 { - padding-right: 40%; - } + .lg\:dark\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } - .md\:pb-2\/5 { - padding-bottom: 40%; - } + .lg\:dark\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } - .md\:pl-2\/5 { - padding-left: 40%; - } + .lg\:dark\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } - .md\:pt-3\/5 { - padding-top: 60%; - } + .lg\:dark\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } - .md\:pr-3\/5 { - padding-right: 60%; - } + .lg\:dark\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } - .md\:pb-3\/5 { - padding-bottom: 60%; - } + .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } - .md\:pl-3\/5 { - padding-left: 60%; - } + .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } - .md\:pt-4\/5 { - padding-top: 80%; - } + .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } - .md\:pr-4\/5 { - padding-right: 80%; - } + .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } - .md\:pb-4\/5 { - padding-bottom: 80%; - } + .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } - .md\:pl-4\/5 { - padding-left: 80%; - } + .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } - .md\:pt-1\/6 { - padding-top: 16.666667%; - } + .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } - .md\:pr-1\/6 { - padding-right: 16.666667%; - } + .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } - .md\:pb-1\/6 { - padding-bottom: 16.666667%; - } + .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } - .md\:pl-1\/6 { - padding-left: 16.666667%; - } + .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } - .md\:pt-2\/6 { - padding-top: 33.333333%; - } + .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } - .md\:pr-2\/6 { - padding-right: 33.333333%; - } + .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } - .md\:pb-2\/6 { - padding-bottom: 33.333333%; - } + .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } - .md\:pl-2\/6 { - padding-left: 33.333333%; - } + .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } - .md\:pt-3\/6 { - padding-top: 50%; - } + .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } - .md\:pr-3\/6 { - padding-right: 50%; - } + .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } - .md\:pb-3\/6 { - padding-bottom: 50%; - } + .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } - .md\:pl-3\/6 { - padding-left: 50%; - } + .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } - .md\:pt-4\/6 { - padding-top: 66.666667%; - } + .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } - .md\:pr-4\/6 { - padding-right: 66.666667%; - } + .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } - .md\:pb-4\/6 { - padding-bottom: 66.666667%; - } + .lg\:dark\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } - .md\:pl-4\/6 { - padding-left: 66.666667%; - } + .lg\:dark\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } - .md\:pt-5\/6 { - padding-top: 83.333333%; - } + .lg\:dark\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } - .md\:pr-5\/6 { - padding-right: 83.333333%; - } + .lg\:dark\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } - .md\:pb-5\/6 { - padding-bottom: 83.333333%; - } + .lg\:dark\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } - .md\:pl-5\/6 { - padding-left: 83.333333%; - } + .lg\:dark\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } - .md\:pt-1\/12 { - padding-top: 8.333333%; - } + .lg\:dark\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } - .md\:pr-1\/12 { - padding-right: 8.333333%; - } + .lg\:dark\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } - .md\:pb-1\/12 { - padding-bottom: 8.333333%; - } + .lg\:dark\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } - .md\:pl-1\/12 { - padding-left: 8.333333%; - } + .lg\:dark\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } - .md\:pt-2\/12 { - padding-top: 16.666667%; - } + .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } - .md\:pr-2\/12 { - padding-right: 16.666667%; - } + .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } - .md\:pb-2\/12 { - padding-bottom: 16.666667%; - } + .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } - .md\:pl-2\/12 { - padding-left: 16.666667%; - } + .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } - .md\:pt-3\/12 { - padding-top: 25%; - } + .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } - .md\:pr-3\/12 { - padding-right: 25%; - } + .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } - .md\:pb-3\/12 { - padding-bottom: 25%; - } + .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } - .md\:pl-3\/12 { - padding-left: 25%; - } + .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } - .md\:pt-4\/12 { - padding-top: 33.333333%; - } + .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } - .md\:pr-4\/12 { - padding-right: 33.333333%; - } + .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } - .md\:pb-4\/12 { - padding-bottom: 33.333333%; - } + .lg\:dark\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } - .md\:pl-4\/12 { - padding-left: 33.333333%; - } + .lg\:dark\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } - .md\:pt-5\/12 { - padding-top: 41.666667%; - } + .lg\:dark\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } - .md\:pr-5\/12 { - padding-right: 41.666667%; - } + .lg\:dark\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } - .md\:pb-5\/12 { - padding-bottom: 41.666667%; - } + .lg\:dark\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } - .md\:pl-5\/12 { - padding-left: 41.666667%; - } + .lg\:dark\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } - .md\:pt-6\/12 { - padding-top: 50%; - } + .lg\:dark\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } - .md\:pr-6\/12 { - padding-right: 50%; - } + .lg\:dark\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } - .md\:pb-6\/12 { - padding-bottom: 50%; - } + .lg\:dark\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } - .md\:pl-6\/12 { - padding-left: 50%; - } + .lg\:dark\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } - .md\:pt-7\/12 { - padding-top: 58.333333%; - } + .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } - .md\:pr-7\/12 { - padding-right: 58.333333%; - } + .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } - .md\:pb-7\/12 { - padding-bottom: 58.333333%; - } + .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } - .md\:pl-7\/12 { - padding-left: 58.333333%; - } + .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } - .md\:pt-8\/12 { - padding-top: 66.666667%; - } + .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } - .md\:pr-8\/12 { - padding-right: 66.666667%; - } + .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } - .md\:pb-8\/12 { - padding-bottom: 66.666667%; - } + .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } - .md\:pl-8\/12 { - padding-left: 66.666667%; - } + .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } - .md\:pt-9\/12 { - padding-top: 75%; - } + .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } - .md\:pr-9\/12 { - padding-right: 75%; - } + .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } - .md\:pb-9\/12 { - padding-bottom: 75%; - } + .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } - .md\:pl-9\/12 { - padding-left: 75%; - } + .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } - .md\:pt-10\/12 { - padding-top: 83.333333%; - } + .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } - .md\:pr-10\/12 { - padding-right: 83.333333%; - } + .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } - .md\:pb-10\/12 { - padding-bottom: 83.333333%; - } + .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } - .md\:pl-10\/12 { - padding-left: 83.333333%; - } + .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } - .md\:pt-11\/12 { - padding-top: 91.666667%; - } + .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } - .md\:pr-11\/12 { - padding-right: 91.666667%; - } + .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } - .md\:pb-11\/12 { - padding-bottom: 91.666667%; - } + .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } - .md\:pl-11\/12 { - padding-left: 91.666667%; + .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } } - .md\:pt-full { - padding-top: 100%; + .lg\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:pr-full { - padding-right: 100%; + .lg\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:pb-full { - padding-bottom: 100%; + .lg\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:pl-full { - padding-left: 100%; + .lg\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:placeholder-transparent::placeholder { - color: transparent; + .lg\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:placeholder-current::placeholder { - color: currentColor; + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); + .lg\:sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .md\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); + .lg\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .md\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); + .lg\:appearance-none { + appearance: none; } - .md\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); + .lg\:bg-fixed { + background-attachment: fixed; } - .md\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); + .lg\:bg-local { + background-attachment: local; } - .md\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); + .lg\:bg-scroll { + background-attachment: scroll; } - .md\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); + .lg\:bg-clip-border { + background-clip: border-box; } - .md\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); + .lg\:bg-clip-padding { + background-clip: padding-box; } - .md\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); + .lg\:bg-clip-content { + background-clip: content-box; } - .md\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); + .lg\:bg-clip-text { + background-clip: text; } - .md\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); + .lg\:bg-transparent { + background-color: transparent; } - .md\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); + .lg\:bg-current { + background-color: currentColor; } - .md\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); + .lg\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); + .lg\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); + .lg\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .md\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); + .lg\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .md\:placeholder-orange-50::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); + .lg\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .md\:placeholder-orange-100::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); + .lg\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .md\:placeholder-orange-200::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); + .lg\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .md\:placeholder-orange-300::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); + .lg\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .md\:placeholder-orange-400::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); + .lg\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .md\:placeholder-orange-500::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); + .lg\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .md\:placeholder-orange-600::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); + .lg\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .md\:placeholder-orange-700::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); + .lg\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .md\:placeholder-orange-800::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); + .lg\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .md\:placeholder-orange-900::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); + .lg\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .md\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); + .lg\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .md\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); + .lg\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .md\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); + .lg\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .md\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); + .lg\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .md\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); + .lg\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .md\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); + .lg\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .md\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); + .lg\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .md\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); + .lg\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .md\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); + .lg\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .md\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); + .lg\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .md\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); + .lg\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .md\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); + .lg\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .md\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); + .lg\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .md\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); + .lg\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .md\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); + .lg\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .md\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); + .lg\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .md\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); + .lg\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .md\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); + .lg\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .md\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); + .lg\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .md\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); + .lg\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .md\:placeholder-teal-50::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); + .lg\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .md\:placeholder-teal-100::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); + .lg\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .md\:placeholder-teal-200::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); + .lg\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .md\:placeholder-teal-300::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); + .lg\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .md\:placeholder-teal-400::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); + .lg\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .md\:placeholder-teal-500::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); + .lg\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .md\:placeholder-teal-600::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); + .lg\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .md\:placeholder-teal-700::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); + .lg\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .md\:placeholder-teal-800::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); + .lg\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .md\:placeholder-teal-900::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); + .lg\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .md\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); + .lg\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .md\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); + .lg\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .md\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); + .lg\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .md\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); + .lg\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .md\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); + .lg\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .md\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); + .lg\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .md\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); + .lg\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .md\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); + .lg\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .md\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); + .lg\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .md\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); + .lg\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .md\:placeholder-indigo-50::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); + .lg\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .md\:placeholder-indigo-100::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); + .lg\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .md\:placeholder-indigo-200::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); + .lg\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .md\:placeholder-indigo-300::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); + .lg\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .md\:placeholder-indigo-400::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); + .lg\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .md\:placeholder-indigo-500::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); + .lg\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .md\:placeholder-indigo-600::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); + .lg\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .md\:placeholder-indigo-700::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); + .lg\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .md\:placeholder-indigo-800::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); + .lg\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .md\:placeholder-indigo-900::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); + .lg\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .md\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); + .lg\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .md\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); + .lg\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .md\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); + .lg\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .md\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); + .lg\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .md\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); + .lg\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .md\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); + .lg\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .md\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); + .lg\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .md\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); + .lg\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .md\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); + .lg\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .md\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); + .lg\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .md\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .md\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); + .lg\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .md\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); + .lg\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .md\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); + .lg\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .md\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); + .lg\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .md\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); + .lg\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .md\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); + .lg\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .md\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); + .lg\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .md\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); + .lg\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .md\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); + .lg\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .md\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .lg\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .md\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .md\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .lg\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); + .lg\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); + .lg\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); + .lg\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); + .lg\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); + .lg\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); + .lg\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); + .lg\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); + .lg\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); + .lg\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .md\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); + .lg\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .md\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); + .lg\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .md\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); + .lg\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .md\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); + .lg\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .md\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); + .lg\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .md\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); + .lg\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); + .lg\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); + .lg\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .md\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-100:focus::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-300:focus::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-500:focus::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-700:focus::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); + .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-800:focus::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); + .lg\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .md\:focus\:placeholder-orange-900:focus::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); + .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); + .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); + .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); + .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); + .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); + .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); + .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); + .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); + .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .md\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .md\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .md\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .md\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .md\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .md\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .md\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .md\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); + .lg\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .md\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .md\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-50:focus::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-100:focus::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-200:focus::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-300:focus::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-400:focus::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-600:focus::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-700:focus::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); + .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-800:focus::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); + .lg\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .md\:focus\:placeholder-teal-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); + .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); + .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); + .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); + .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); + .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); + .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); + .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); + .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); + .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .md\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-200:focus::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-300:focus::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-400:focus::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-600:focus::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-700:focus::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); + .lg\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-800:focus::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .md\:focus\:placeholder-indigo-900:focus::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); + .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .md\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); + .lg\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); + .lg\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .md\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); + .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .md\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .md\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .md\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .md\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .md\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .md\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .md\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .md\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .md\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .lg\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .md\:pointer-events-none { - pointer-events: none; + .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .md\:pointer-events-auto { - pointer-events: auto; + .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .md\:static { - position: static; + .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .md\:fixed { - position: fixed; + .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .md\:absolute { - position: absolute; + .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .md\:relative { - position: relative; + .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .md\:sticky { - position: sticky; + .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .md\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .md\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .md\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .md\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .md\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .md\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .md\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .md\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .md\:inset-13 { - top: 3.25rem; - right: 3.25rem; - bottom: 3.25rem; - left: 3.25rem; + .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .md\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .md\:inset-15 { - top: 3.75rem; - right: 3.75rem; - bottom: 3.75rem; - left: 3.75rem; + .lg\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .md\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .md\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .md\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .md\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .md\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .md\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .md\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .md\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .md\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .md\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .md\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .md\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .md\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .md\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .md\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .md\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .md\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .md\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .md\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .md\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .md\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .md\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .md\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .md\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .md\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .md\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .md\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .md\:inset-1\/5 { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; + .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .md\:inset-2\/5 { - top: 40%; - right: 40%; - bottom: 40%; - left: 40%; + .lg\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .md\:inset-3\/5 { - top: 60%; - right: 60%; - bottom: 60%; - left: 60%; + .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .md\:inset-4\/5 { - top: 80%; - right: 80%; - bottom: 80%; - left: 80%; + .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .md\:inset-1\/6 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; + .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .md\:inset-2\/6 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .md\:inset-3\/6 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .md\:inset-4\/6 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .md\:inset-5\/6 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; + .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .md\:inset-1\/12 { - top: 8.333333%; - right: 8.333333%; - bottom: 8.333333%; - left: 8.333333%; + .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .md\:inset-2\/12 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; + .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .md\:inset-3\/12 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .md\:inset-4\/12 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .md\:inset-5\/12 { - top: 41.666667%; - right: 41.666667%; - bottom: 41.666667%; - left: 41.666667%; + .lg\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .md\:inset-6\/12 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .md\:inset-7\/12 { - top: 58.333333%; - right: 58.333333%; - bottom: 58.333333%; - left: 58.333333%; + .lg\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .md\:inset-8\/12 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .md\:inset-9\/12 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .md\:inset-10\/12 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; + .lg\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .md\:inset-11\/12 { - top: 91.666667%; - right: 91.666667%; - bottom: 91.666667%; - left: 91.666667%; + .lg\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .md\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .md\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .md\:inset-x-0 { - right: 0; - left: 0; + .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .md\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .md\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .md\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .md\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .md\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .md\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .md\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .md\:inset-x-4 { - right: 1rem; - left: 1rem; + .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .md\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .md\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .lg\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .md\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .md\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .lg\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .md\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .md\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .lg\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .md\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .md\:inset-x-8 { - right: 2rem; - left: 2rem; + .lg\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .md\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .md\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .lg\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .md\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .md\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .md\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .md\:inset-x-11 { - right: 2.75rem; - left: 2.75rem; + .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .md\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .md\:inset-x-12 { - right: 3rem; - left: 3rem; + .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .md\:inset-y-13 { - top: 3.25rem; - bottom: 3.25rem; + .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .md\:inset-x-13 { - right: 3.25rem; - left: 3.25rem; + .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .md\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .md\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .md\:inset-y-15 { - top: 3.75rem; - bottom: 3.75rem; + .lg\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:inset-x-15 { - right: 3.75rem; - left: 3.75rem; + .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .md\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .md\:inset-x-16 { - right: 4rem; - left: 4rem; + .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .md\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .md\:inset-x-20 { - right: 5rem; - left: 5rem; + .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .md\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .md\:inset-x-24 { - right: 6rem; - left: 6rem; + .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .md\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .md\:inset-x-28 { - right: 7rem; - left: 7rem; + .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .md\:inset-y-32 { - top: 8rem; - bottom: 8rem; - } + @media (prefers-color-scheme: dark) { + .lg\:dark\:bg-transparent { + background-color: transparent; + } - .md\:inset-x-32 { - right: 8rem; - left: 8rem; - } + .lg\:dark\:bg-current { + background-color: currentColor; + } - .md\:inset-y-36 { - top: 9rem; - bottom: 9rem; - } + .lg\:dark\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .md\:inset-x-36 { - right: 9rem; - left: 9rem; - } + .lg\:dark\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .md\:inset-y-40 { - top: 10rem; - bottom: 10rem; - } + .lg\:dark\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .md\:inset-x-40 { - right: 10rem; - left: 10rem; - } + .lg\:dark\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .md\:inset-y-44 { - top: 11rem; - bottom: 11rem; - } + .lg\:dark\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .md\:inset-x-44 { - right: 11rem; - left: 11rem; - } + .lg\:dark\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .md\:inset-y-48 { - top: 12rem; - bottom: 12rem; - } + .lg\:dark\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .md\:inset-x-48 { - right: 12rem; - left: 12rem; - } + .lg\:dark\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .md\:inset-y-52 { - top: 13rem; - bottom: 13rem; - } + .lg\:dark\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .md\:inset-x-52 { - right: 13rem; - left: 13rem; - } + .lg\:dark\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .md\:inset-y-56 { - top: 14rem; - bottom: 14rem; - } + .lg\:dark\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .md\:inset-x-56 { - right: 14rem; - left: 14rem; - } + .lg\:dark\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .md\:inset-y-60 { - top: 15rem; - bottom: 15rem; - } + .lg\:dark\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .md\:inset-x-60 { - right: 15rem; - left: 15rem; - } + .lg\:dark\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .md\:inset-y-64 { - top: 16rem; - bottom: 16rem; - } + .lg\:dark\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .md\:inset-x-64 { - right: 16rem; - left: 16rem; - } + .lg\:dark\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .md\:inset-y-72 { - top: 18rem; - bottom: 18rem; - } + .lg\:dark\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .md\:inset-x-72 { - right: 18rem; - left: 18rem; - } + .lg\:dark\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .md\:inset-y-80 { - top: 20rem; - bottom: 20rem; - } + .lg\:dark\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .md\:inset-x-80 { - right: 20rem; - left: 20rem; - } + .lg\:dark\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .md\:inset-y-96 { - top: 24rem; - bottom: 24rem; - } + .lg\:dark\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .md\:inset-x-96 { - right: 24rem; - left: 24rem; - } + .lg\:dark\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .md\:inset-y-auto { - top: auto; - bottom: auto; - } + .lg\:dark\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .md\:inset-x-auto { - right: auto; - left: auto; - } + .lg\:dark\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .md\:inset-y-px { - top: 1px; - bottom: 1px; - } + .lg\:dark\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .md\:inset-x-px { - right: 1px; - left: 1px; - } + .lg\:dark\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .md\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; - } + .lg\:dark\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .md\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; - } + .lg\:dark\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .md\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; - } + .lg\:dark\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .md\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; - } + .lg\:dark\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .md\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; - } + .lg\:dark\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .md\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; - } + .lg\:dark\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .md\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; - } + .lg\:dark\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .md\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; - } + .lg\:dark\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .md\:inset-y-1\/2 { - top: 50%; - bottom: 50%; - } + .lg\:dark\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .md\:inset-x-1\/2 { - right: 50%; - left: 50%; - } + .lg\:dark\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .md\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; - } + .lg\:dark\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .md\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; - } + .lg\:dark\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .md\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; - } + .lg\:dark\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .md\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; - } + .lg\:dark\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .md\:inset-y-1\/4 { - top: 25%; - bottom: 25%; - } + .lg\:dark\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .md\:inset-x-1\/4 { - right: 25%; - left: 25%; - } + .lg\:dark\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .md\:inset-y-2\/4 { - top: 50%; - bottom: 50%; - } + .lg\:dark\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .md\:inset-x-2\/4 { - right: 50%; - left: 50%; - } + .lg\:dark\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .md\:inset-y-3\/4 { - top: 75%; - bottom: 75%; - } + .lg\:dark\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .md\:inset-x-3\/4 { - right: 75%; - left: 75%; - } + .lg\:dark\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .md\:inset-y-1\/5 { - top: 20%; - bottom: 20%; - } + .lg\:dark\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .md\:inset-x-1\/5 { - right: 20%; - left: 20%; - } + .lg\:dark\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .md\:inset-y-2\/5 { - top: 40%; - bottom: 40%; - } + .lg\:dark\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .md\:inset-x-2\/5 { - right: 40%; - left: 40%; - } + .lg\:dark\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .md\:inset-y-3\/5 { - top: 60%; - bottom: 60%; - } + .lg\:dark\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .md\:inset-x-3\/5 { - right: 60%; - left: 60%; - } + .lg\:dark\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .md\:inset-y-4\/5 { - top: 80%; - bottom: 80%; - } + .lg\:dark\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .md\:inset-x-4\/5 { - right: 80%; - left: 80%; - } + .lg\:dark\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .md\:inset-y-1\/6 { - top: 16.666667%; - bottom: 16.666667%; - } + .lg\:dark\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .md\:inset-x-1\/6 { - right: 16.666667%; - left: 16.666667%; - } + .lg\:dark\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .md\:inset-y-2\/6 { - top: 33.333333%; - bottom: 33.333333%; - } + .lg\:dark\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .md\:inset-x-2\/6 { - right: 33.333333%; - left: 33.333333%; - } + .lg\:dark\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .md\:inset-y-3\/6 { - top: 50%; - bottom: 50%; - } + .lg\:dark\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .md\:inset-x-3\/6 { - right: 50%; - left: 50%; - } + .lg\:dark\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .md\:inset-y-4\/6 { - top: 66.666667%; - bottom: 66.666667%; - } + .lg\:dark\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .md\:inset-x-4\/6 { - right: 66.666667%; - left: 66.666667%; - } + .lg\:dark\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .md\:inset-y-5\/6 { - top: 83.333333%; - bottom: 83.333333%; - } + .lg\:dark\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .md\:inset-x-5\/6 { - right: 83.333333%; - left: 83.333333%; - } + .lg\:dark\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .md\:inset-y-1\/12 { - top: 8.333333%; - bottom: 8.333333%; - } + .lg\:dark\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .md\:inset-x-1\/12 { - right: 8.333333%; - left: 8.333333%; - } + .lg\:dark\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .md\:inset-y-2\/12 { - top: 16.666667%; - bottom: 16.666667%; - } + .lg\:dark\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .md\:inset-x-2\/12 { - right: 16.666667%; - left: 16.666667%; - } + .lg\:dark\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .md\:inset-y-3\/12 { - top: 25%; - bottom: 25%; - } + .lg\:dark\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .md\:inset-x-3\/12 { - right: 25%; - left: 25%; - } + .lg\:dark\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .md\:inset-y-4\/12 { - top: 33.333333%; - bottom: 33.333333%; - } + .lg\:dark\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .md\:inset-x-4\/12 { - right: 33.333333%; - left: 33.333333%; - } + .lg\:dark\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .md\:inset-y-5\/12 { - top: 41.666667%; - bottom: 41.666667%; - } + .lg\:dark\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .md\:inset-x-5\/12 { - right: 41.666667%; - left: 41.666667%; - } + .lg\:dark\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .md\:inset-y-6\/12 { - top: 50%; - bottom: 50%; - } + .lg\:dark\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .md\:inset-x-6\/12 { - right: 50%; - left: 50%; - } + .lg\:dark\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .md\:inset-y-7\/12 { - top: 58.333333%; - bottom: 58.333333%; - } + .lg\:dark\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .md\:inset-x-7\/12 { - right: 58.333333%; - left: 58.333333%; - } + .lg\:dark\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .md\:inset-y-8\/12 { - top: 66.666667%; - bottom: 66.666667%; - } + .lg\:dark\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .md\:inset-x-8\/12 { - right: 66.666667%; - left: 66.666667%; - } + .lg\:dark\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .md\:inset-y-9\/12 { - top: 75%; - bottom: 75%; - } + .lg\:dark\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .md\:inset-x-9\/12 { - right: 75%; - left: 75%; - } + .lg\:dark\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .md\:inset-y-10\/12 { - top: 83.333333%; - bottom: 83.333333%; - } + .lg\:dark\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .md\:inset-x-10\/12 { - right: 83.333333%; - left: 83.333333%; - } + .lg\:dark\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .md\:inset-y-11\/12 { - top: 91.666667%; - bottom: 91.666667%; - } + .lg\:dark\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .md\:inset-x-11\/12 { - right: 91.666667%; - left: 91.666667%; - } + .lg\:dark\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .md\:inset-y-full { - top: 100%; - bottom: 100%; - } + .lg\:dark\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .md\:inset-x-full { - right: 100%; - left: 100%; - } + .lg\:dark\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .md\:top-0 { - top: 0; - } + .lg\:dark\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .md\:right-0 { - right: 0; - } + .lg\:dark\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .md\:bottom-0 { - bottom: 0; - } + .lg\:dark\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .md\:left-0 { - left: 0; - } + .lg\:dark\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .md\:top-1 { - top: 0.25rem; - } + .lg\:dark\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .md\:right-1 { - right: 0.25rem; - } + .lg\:dark\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .md\:bottom-1 { - bottom: 0.25rem; - } + .lg\:dark\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .md\:left-1 { - left: 0.25rem; - } + .lg\:dark\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .md\:top-2 { - top: 0.5rem; - } + .lg\:dark\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .md\:right-2 { - right: 0.5rem; - } + .lg\:dark\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .md\:bottom-2 { - bottom: 0.5rem; - } + .lg\:dark\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .md\:left-2 { - left: 0.5rem; - } + .lg\:dark\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .md\:top-3 { - top: 0.75rem; - } + .lg\:dark\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .md\:right-3 { - right: 0.75rem; - } + .lg\:dark\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } - .md\:bottom-3 { - bottom: 0.75rem; - } + .lg\:dark\:hover\:bg-transparent:hover { + background-color: transparent; + } - .md\:left-3 { - left: 0.75rem; - } + .lg\:dark\:hover\:bg-current:hover { + background-color: currentColor; + } - .md\:top-4 { - top: 1rem; - } + .lg\:dark\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .md\:right-4 { - right: 1rem; - } + .lg\:dark\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .md\:bottom-4 { - bottom: 1rem; - } + .lg\:dark\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .md\:left-4 { - left: 1rem; - } + .lg\:dark\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .md\:top-5 { - top: 1.25rem; - } + .lg\:dark\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .md\:right-5 { - right: 1.25rem; - } + .lg\:dark\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .md\:bottom-5 { - bottom: 1.25rem; - } + .lg\:dark\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .md\:left-5 { - left: 1.25rem; - } + .lg\:dark\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .md\:top-6 { - top: 1.5rem; - } + .lg\:dark\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .md\:right-6 { - right: 1.5rem; - } + .lg\:dark\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .md\:bottom-6 { - bottom: 1.5rem; - } + .lg\:dark\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .md\:left-6 { - left: 1.5rem; - } + .lg\:dark\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .md\:top-7 { - top: 1.75rem; - } + .lg\:dark\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .md\:right-7 { - right: 1.75rem; - } + .lg\:dark\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .md\:bottom-7 { - bottom: 1.75rem; - } + .lg\:dark\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .md\:left-7 { - left: 1.75rem; - } + .lg\:dark\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .md\:top-8 { - top: 2rem; - } + .lg\:dark\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .md\:right-8 { - right: 2rem; - } + .lg\:dark\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .md\:bottom-8 { - bottom: 2rem; - } + .lg\:dark\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .md\:left-8 { - left: 2rem; - } + .lg\:dark\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .md\:top-9 { - top: 2.25rem; - } + .lg\:dark\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .md\:right-9 { - right: 2.25rem; - } + .lg\:dark\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .lg\:dark\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } + + .lg\:dark\:focus\:bg-transparent:focus { + background-color: transparent; + } + + .lg\:dark\:focus\:bg-current:focus { + background-color: currentColor; + } - .md\:bottom-9 { - bottom: 2.25rem; - } + .lg\:dark\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .md\:left-9 { - left: 2.25rem; - } + .lg\:dark\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .md\:top-10 { - top: 2.5rem; - } + .lg\:dark\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .md\:right-10 { - right: 2.5rem; - } + .lg\:dark\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .md\:bottom-10 { - bottom: 2.5rem; - } + .lg\:dark\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .md\:left-10 { - left: 2.5rem; - } + .lg\:dark\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .md\:top-11 { - top: 2.75rem; - } + .lg\:dark\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .md\:right-11 { - right: 2.75rem; - } + .lg\:dark\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .md\:bottom-11 { - bottom: 2.75rem; - } + .lg\:dark\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .md\:left-11 { - left: 2.75rem; - } + .lg\:dark\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .md\:top-12 { - top: 3rem; - } + .lg\:dark\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .md\:right-12 { - right: 3rem; - } + .lg\:dark\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .md\:bottom-12 { - bottom: 3rem; - } + .lg\:dark\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .md\:left-12 { - left: 3rem; - } + .lg\:dark\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .md\:top-13 { - top: 3.25rem; - } + .lg\:dark\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .md\:right-13 { - right: 3.25rem; - } + .lg\:dark\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .md\:bottom-13 { - bottom: 3.25rem; - } + .lg\:dark\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .md\:left-13 { - left: 3.25rem; - } + .lg\:dark\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .md\:top-14 { - top: 3.5rem; - } + .lg\:dark\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .md\:right-14 { - right: 3.5rem; - } + .lg\:dark\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .md\:bottom-14 { - bottom: 3.5rem; - } + .lg\:dark\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .md\:left-14 { - left: 3.5rem; - } + .lg\:dark\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .md\:top-15 { - top: 3.75rem; - } + .lg\:dark\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .md\:right-15 { - right: 3.75rem; - } + .lg\:dark\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .md\:bottom-15 { - bottom: 3.75rem; - } + .lg\:dark\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .md\:left-15 { - left: 3.75rem; - } + .lg\:dark\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .md\:top-16 { - top: 4rem; - } + .lg\:dark\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .md\:right-16 { - right: 4rem; - } + .lg\:dark\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .md\:bottom-16 { - bottom: 4rem; - } + .lg\:dark\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .md\:left-16 { - left: 4rem; - } + .lg\:dark\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .md\:top-20 { - top: 5rem; - } + .lg\:dark\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .md\:right-20 { - right: 5rem; - } + .lg\:dark\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .md\:bottom-20 { - bottom: 5rem; - } + .lg\:dark\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .md\:left-20 { - left: 5rem; - } + .lg\:dark\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .md\:top-24 { - top: 6rem; - } + .lg\:dark\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .md\:right-24 { - right: 6rem; - } + .lg\:dark\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .md\:bottom-24 { - bottom: 6rem; - } + .lg\:dark\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .md\:left-24 { - left: 6rem; - } + .lg\:dark\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .md\:top-28 { - top: 7rem; - } + .lg\:dark\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .md\:right-28 { - right: 7rem; - } + .lg\:dark\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .md\:bottom-28 { - bottom: 7rem; - } + .lg\:dark\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .md\:left-28 { - left: 7rem; - } + .lg\:dark\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .md\:top-32 { - top: 8rem; - } + .lg\:dark\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .md\:right-32 { - right: 8rem; - } + .lg\:dark\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .md\:bottom-32 { - bottom: 8rem; - } + .lg\:dark\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .md\:left-32 { - left: 8rem; - } + .lg\:dark\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .md\:top-36 { - top: 9rem; - } + .lg\:dark\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .md\:right-36 { - right: 9rem; - } + .lg\:dark\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .md\:bottom-36 { - bottom: 9rem; - } + .lg\:dark\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .md\:left-36 { - left: 9rem; - } + .lg\:dark\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .md\:top-40 { - top: 10rem; - } + .lg\:dark\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .md\:right-40 { - right: 10rem; - } + .lg\:dark\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .md\:bottom-40 { - bottom: 10rem; - } + .lg\:dark\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .md\:left-40 { - left: 10rem; - } + .lg\:dark\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .md\:top-44 { - top: 11rem; - } + .lg\:dark\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .md\:right-44 { - right: 11rem; - } + .lg\:dark\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .md\:bottom-44 { - bottom: 11rem; - } + .lg\:dark\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .md\:left-44 { - left: 11rem; - } + .lg\:dark\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .md\:top-48 { - top: 12rem; - } + .lg\:dark\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .md\:right-48 { - right: 12rem; - } + .lg\:dark\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .md\:bottom-48 { - bottom: 12rem; - } + .lg\:dark\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .md\:left-48 { - left: 12rem; - } + .lg\:dark\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .md\:top-52 { - top: 13rem; - } + .lg\:dark\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .md\:right-52 { - right: 13rem; - } + .lg\:dark\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .md\:bottom-52 { - bottom: 13rem; - } + .lg\:dark\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .md\:left-52 { - left: 13rem; - } + .lg\:dark\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .md\:top-56 { - top: 14rem; - } + .lg\:dark\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .md\:right-56 { - right: 14rem; - } + .lg\:dark\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .md\:bottom-56 { - bottom: 14rem; - } + .lg\:dark\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .md\:left-56 { - left: 14rem; - } + .lg\:dark\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .md\:top-60 { - top: 15rem; - } + .lg\:dark\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .md\:right-60 { - right: 15rem; - } + .lg\:dark\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .md\:bottom-60 { - bottom: 15rem; - } + .lg\:dark\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .md\:left-60 { - left: 15rem; - } + .lg\:dark\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .md\:top-64 { - top: 16rem; - } + .lg\:dark\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .md\:right-64 { - right: 16rem; - } + .lg\:dark\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .md\:bottom-64 { - bottom: 16rem; - } + .lg\:dark\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .md\:left-64 { - left: 16rem; - } + .lg\:dark\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .md\:top-72 { - top: 18rem; - } + .lg\:dark\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .md\:right-72 { - right: 18rem; - } + .lg\:dark\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .md\:bottom-72 { - bottom: 18rem; - } + .lg\:dark\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .md\:left-72 { - left: 18rem; - } + .lg\:dark\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .md\:top-80 { - top: 20rem; - } + .lg\:dark\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .md\:right-80 { - right: 20rem; - } + .lg\:dark\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .md\:bottom-80 { - bottom: 20rem; - } + .lg\:dark\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .md\:left-80 { - left: 20rem; - } + .lg\:dark\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .md\:top-96 { - top: 24rem; - } + .lg\:dark\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .md\:right-96 { - right: 24rem; - } + .lg\:dark\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .md\:bottom-96 { - bottom: 24rem; - } + .lg\:dark\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .md\:left-96 { - left: 24rem; - } + .lg\:dark\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .md\:top-auto { - top: auto; - } + .lg\:dark\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .md\:right-auto { - right: auto; - } + .lg\:dark\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .md\:bottom-auto { - bottom: auto; - } + .lg\:dark\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .md\:left-auto { - left: auto; - } + .lg\:dark\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .md\:top-px { - top: 1px; - } + .lg\:dark\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .md\:right-px { - right: 1px; - } + .lg\:dark\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .md\:bottom-px { - bottom: 1px; - } + .lg\:dark\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .md\:left-px { - left: 1px; - } + .lg\:dark\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .md\:top-0\.5 { - top: 0.125rem; - } + .lg\:dark\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .md\:right-0\.5 { - right: 0.125rem; - } + .lg\:dark\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .md\:bottom-0\.5 { - bottom: 0.125rem; - } + .lg\:dark\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .md\:left-0\.5 { - left: 0.125rem; + .lg\:dark\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } } - .md\:top-1\.5 { - top: 0.375rem; + .lg\:bg-none { + background-image: none; } - .md\:right-1\.5 { - right: 0.375rem; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:left-1\.5 { - left: 0.375rem; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:top-2\.5 { - top: 0.625rem; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:right-2\.5 { - right: 0.625rem; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:left-2\.5 { - left: 0.625rem; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:top-3\.5 { - top: 0.875rem; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:right-3\.5 { - right: 0.875rem; + .lg\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:left-3\.5 { - left: 0.875rem; + .lg\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:top-1\/2 { - top: 50%; + .lg\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:right-1\/2 { - right: 50%; + .lg\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:bottom-1\/2 { - bottom: 50%; + .lg\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:left-1\/2 { - left: 50%; + .lg\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:top-1\/3 { - top: 33.333333%; + .lg\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:right-1\/3 { - right: 33.333333%; + .lg\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:left-1\/3 { - left: 33.333333%; + .lg\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:top-2\/3 { - top: 66.666667%; + .lg\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:right-2\/3 { - right: 66.666667%; + .lg\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:left-2\/3 { - left: 66.666667%; + .lg\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:top-1\/4 { - top: 25%; + .lg\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:right-1\/4 { - right: 25%; + .lg\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:bottom-1\/4 { - bottom: 25%; + .lg\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:left-1\/4 { - left: 25%; + .lg\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:top-2\/4 { - top: 50%; + .lg\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:right-2\/4 { - right: 50%; + .lg\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:bottom-2\/4 { - bottom: 50%; + .lg\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:left-2\/4 { - left: 50%; + .lg\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:top-3\/4 { - top: 75%; + .lg\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:right-3\/4 { - right: 75%; + .lg\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:bottom-3\/4 { - bottom: 75%; + .lg\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:left-3\/4 { - left: 75%; + .lg\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:top-1\/5 { - top: 20%; + .lg\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:right-1\/5 { - right: 20%; + .lg\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:bottom-1\/5 { - bottom: 20%; + .lg\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:left-1\/5 { - left: 20%; + .lg\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:top-2\/5 { - top: 40%; + .lg\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:right-2\/5 { - right: 40%; + .lg\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:bottom-2\/5 { - bottom: 40%; + .lg\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:left-2\/5 { - left: 40%; + .lg\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:top-3\/5 { - top: 60%; + .lg\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:right-3\/5 { - right: 60%; + .lg\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:bottom-3\/5 { - bottom: 60%; + .lg\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:left-3\/5 { - left: 60%; + .lg\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:top-4\/5 { - top: 80%; + .lg\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:right-4\/5 { - right: 80%; + .lg\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:bottom-4\/5 { - bottom: 80%; + .lg\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:left-4\/5 { - left: 80%; + .lg\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:top-1\/6 { - top: 16.666667%; + .lg\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:right-1\/6 { - right: 16.666667%; + .lg\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:bottom-1\/6 { - bottom: 16.666667%; + .lg\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:left-1\/6 { - left: 16.666667%; + .lg\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:top-2\/6 { - top: 33.333333%; + .lg\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:right-2\/6 { - right: 33.333333%; + .lg\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:bottom-2\/6 { - bottom: 33.333333%; + .lg\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:left-2\/6 { - left: 33.333333%; + .lg\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:top-3\/6 { - top: 50%; + .lg\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:right-3\/6 { - right: 50%; + .lg\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:bottom-3\/6 { - bottom: 50%; + .lg\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:left-3\/6 { - left: 50%; + .lg\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:top-4\/6 { - top: 66.666667%; + .lg\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:right-4\/6 { - right: 66.666667%; + .lg\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:bottom-4\/6 { - bottom: 66.666667%; + .lg\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:left-4\/6 { - left: 66.666667%; + .lg\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:top-5\/6 { - top: 83.333333%; + .lg\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:right-5\/6 { - right: 83.333333%; + .lg\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:bottom-5\/6 { - bottom: 83.333333%; + .lg\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:left-5\/6 { - left: 83.333333%; + .lg\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:top-1\/12 { - top: 8.333333%; + .lg\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:right-1\/12 { - right: 8.333333%; + .lg\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:bottom-1\/12 { - bottom: 8.333333%; + .lg\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:left-1\/12 { - left: 8.333333%; + .lg\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:top-2\/12 { - top: 16.666667%; + .lg\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:right-2\/12 { - right: 16.666667%; + .lg\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:bottom-2\/12 { - bottom: 16.666667%; + .lg\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:left-2\/12 { - left: 16.666667%; + .lg\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:top-3\/12 { - top: 25%; + .lg\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:right-3\/12 { - right: 25%; + .lg\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:bottom-3\/12 { - bottom: 25%; + .lg\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:left-3\/12 { - left: 25%; + .lg\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:top-4\/12 { - top: 33.333333%; + .lg\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:right-4\/12 { - right: 33.333333%; + .lg\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:bottom-4\/12 { - bottom: 33.333333%; + .lg\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:left-4\/12 { - left: 33.333333%; + .lg\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:top-5\/12 { - top: 41.666667%; + .lg\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:right-5\/12 { - right: 41.666667%; + .lg\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:bottom-5\/12 { - bottom: 41.666667%; + .lg\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:left-5\/12 { - left: 41.666667%; + .lg\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:top-6\/12 { - top: 50%; + .lg\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:right-6\/12 { - right: 50%; + .lg\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:bottom-6\/12 { - bottom: 50%; + .lg\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:left-6\/12 { - left: 50%; + .lg\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:top-7\/12 { - top: 58.333333%; + .lg\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:right-7\/12 { - right: 58.333333%; + .lg\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:bottom-7\/12 { - bottom: 58.333333%; + .lg\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:left-7\/12 { - left: 58.333333%; + .lg\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:top-8\/12 { - top: 66.666667%; + .lg\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:right-8\/12 { - right: 66.666667%; + .lg\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:bottom-8\/12 { - bottom: 66.666667%; + .lg\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:left-8\/12 { - left: 66.666667%; + .lg\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:top-9\/12 { - top: 75%; + .lg\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:right-9\/12 { - right: 75%; + .lg\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:bottom-9\/12 { - bottom: 75%; + .lg\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:left-9\/12 { - left: 75%; + .lg\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:top-10\/12 { - top: 83.333333%; + .lg\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:right-10\/12 { - right: 83.333333%; + .lg\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:bottom-10\/12 { - bottom: 83.333333%; + .lg\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:left-10\/12 { - left: 83.333333%; + .lg\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:top-11\/12 { - top: 91.666667%; + .lg\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:right-11\/12 { - right: 91.666667%; + .lg\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:bottom-11\/12 { - bottom: 91.666667%; + .lg\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:left-11\/12 { - left: 91.666667%; + .lg\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:top-full { - top: 100%; + .lg\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:right-full { - right: 100%; + .lg\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:bottom-full { - bottom: 100%; + .lg\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:left-full { - left: 100%; + .lg\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:resize-none { - resize: none; + .lg\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:resize-y { - resize: vertical; + .lg\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:resize-x { - resize: horizontal; + .lg\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:resize { - resize: both; + .lg\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:shadow-none { - box-shadow: none; + .lg\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:fill-current { - fill: currentColor; + .lg\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:stroke-current { - stroke: currentColor; + .lg\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:stroke-0 { - stroke-width: 0; + .lg\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:stroke-1 { - stroke-width: 1; + .lg\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:stroke-2 { - stroke-width: 2; + .lg\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:table-auto { - table-layout: auto; + .lg\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:table-fixed { - table-layout: fixed; + .lg\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:text-left { - text-align: left; + .lg\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:text-center { - text-align: center; + .lg\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:text-right { - text-align: right; + .lg\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:text-justify { - text-align: justify; + .lg\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:text-transparent { - color: transparent; + .lg\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:text-current { - color: currentColor; + .lg\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:text-black { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:text-white { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:text-gray-50 { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:text-gray-100 { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:text-gray-200 { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:text-gray-300 { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:text-gray-400 { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:text-gray-500 { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:text-gray-600 { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:text-gray-700 { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:text-gray-800 { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:text-gray-900 { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:text-red-50 { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:text-red-100 { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:text-red-200 { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:text-red-300 { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:text-red-400 { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:text-red-500 { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:text-red-600 { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:text-red-700 { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:text-red-800 { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:text-red-900 { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:text-orange-50 { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:text-orange-100 { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:text-orange-200 { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:text-orange-300 { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:text-orange-400 { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:text-orange-500 { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:text-orange-600 { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:text-orange-700 { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:text-orange-800 { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:text-orange-900 { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:text-yellow-50 { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:text-yellow-100 { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:text-yellow-200 { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:text-yellow-300 { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:text-yellow-400 { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:text-yellow-500 { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:text-yellow-600 { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:text-yellow-700 { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:text-yellow-800 { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:text-yellow-900 { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:text-green-50 { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:text-green-100 { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:text-green-200 { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:text-green-300 { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:text-green-400 { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:text-green-500 { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:text-green-600 { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:text-green-700 { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:text-green-800 { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:to-transparent { + --gradient-to-color: transparent; } - .md\:text-green-900 { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:to-current { + --gradient-to-color: currentColor; } - .md\:text-teal-50 { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:to-black { + --gradient-to-color: #000000; } - .md\:text-teal-100 { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:to-white { + --gradient-to-color: #ffffff; } - .md\:text-teal-200 { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:to-gray-50 { + --gradient-to-color: #f9fafb; } - .md\:text-teal-300 { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:to-gray-100 { + --gradient-to-color: #f4f5f7; } - .md\:text-teal-400 { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + .lg\:to-gray-200 { + --gradient-to-color: #e5e7eb; } - .md\:text-teal-500 { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:to-gray-300 { + --gradient-to-color: #d2d6dc; } - .md\:text-teal-600 { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:to-gray-400 { + --gradient-to-color: #9fa6b2; } - .md\:text-teal-700 { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:to-gray-500 { + --gradient-to-color: #6b7280; } - .md\:text-teal-800 { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:to-gray-600 { + --gradient-to-color: #4b5563; } - .md\:text-teal-900 { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:to-gray-700 { + --gradient-to-color: #374151; } - .md\:text-blue-50 { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:to-gray-800 { + --gradient-to-color: #252f3f; } - .md\:text-blue-100 { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:to-gray-900 { + --gradient-to-color: #161e2e; } - .md\:text-blue-200 { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:to-red-50 { + --gradient-to-color: #fdf2f2; } - .md\:text-blue-300 { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:to-red-100 { + --gradient-to-color: #fde8e8; } - .md\:text-blue-400 { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:to-red-200 { + --gradient-to-color: #fbd5d5; } - .md\:text-blue-500 { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:to-red-300 { + --gradient-to-color: #f8b4b4; } - .md\:text-blue-600 { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:to-red-400 { + --gradient-to-color: #f98080; } - .md\:text-blue-700 { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:to-red-500 { + --gradient-to-color: #f05252; } - .md\:text-blue-800 { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:to-red-600 { + --gradient-to-color: #e02424; } - .md\:text-blue-900 { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:to-red-700 { + --gradient-to-color: #c81e1e; } - .md\:text-indigo-50 { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:to-red-800 { + --gradient-to-color: #9b1c1c; } - .md\:text-indigo-100 { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:to-red-900 { + --gradient-to-color: #771d1d; } - .md\:text-indigo-200 { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:to-orange-50 { + --gradient-to-color: #fff8f1; } - .md\:text-indigo-300 { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:to-orange-100 { + --gradient-to-color: #feecdc; } - .md\:text-indigo-400 { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:to-orange-200 { + --gradient-to-color: #fcd9bd; } - .md\:text-indigo-500 { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:to-orange-300 { + --gradient-to-color: #fdba8c; } - .md\:text-indigo-600 { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:to-orange-400 { + --gradient-to-color: #ff8a4c; } - .md\:text-indigo-700 { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:to-orange-500 { + --gradient-to-color: #ff5a1f; } - .md\:text-indigo-800 { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:to-orange-600 { + --gradient-to-color: #d03801; } - .md\:text-indigo-900 { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:to-orange-700 { + --gradient-to-color: #b43403; } - .md\:text-purple-50 { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:to-orange-800 { + --gradient-to-color: #8a2c0d; } - .md\:text-purple-100 { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:to-orange-900 { + --gradient-to-color: #73230d; } - .md\:text-purple-200 { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:to-yellow-50 { + --gradient-to-color: #fdfdea; } - .md\:text-purple-300 { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:to-yellow-100 { + --gradient-to-color: #fdf6b2; } - .md\:text-purple-400 { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:to-yellow-200 { + --gradient-to-color: #fce96a; } - .md\:text-purple-500 { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:to-yellow-300 { + --gradient-to-color: #faca15; } - .md\:text-purple-600 { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:to-yellow-400 { + --gradient-to-color: #e3a008; } - .md\:text-purple-700 { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:to-yellow-500 { + --gradient-to-color: #c27803; } - .md\:text-purple-800 { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:to-yellow-600 { + --gradient-to-color: #9f580a; } - .md\:text-purple-900 { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:to-yellow-700 { + --gradient-to-color: #8e4b10; } - .md\:text-pink-50 { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:to-yellow-800 { + --gradient-to-color: #723b13; } - .md\:text-pink-100 { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:to-yellow-900 { + --gradient-to-color: #633112; } - .md\:text-pink-200 { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:to-green-50 { + --gradient-to-color: #f3faf7; } - .md\:text-pink-300 { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:to-green-100 { + --gradient-to-color: #def7ec; } - .md\:text-pink-400 { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:to-green-200 { + --gradient-to-color: #bcf0da; } - .md\:text-pink-500 { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:to-green-300 { + --gradient-to-color: #84e1bc; } - .md\:text-pink-600 { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:to-green-400 { + --gradient-to-color: #31c48d; } - .md\:text-pink-700 { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:to-green-500 { + --gradient-to-color: #0e9f6e; } - .md\:text-pink-800 { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:to-green-600 { + --gradient-to-color: #057a55; } - .md\:text-pink-900 { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:to-green-700 { + --gradient-to-color: #046c4e; } - .md\:hover\:text-transparent:hover { - color: transparent; + .lg\:to-green-800 { + --gradient-to-color: #03543f; } - .md\:hover\:text-current:hover { - color: currentColor; + .lg\:to-green-900 { + --gradient-to-color: #014737; } - .md\:hover\:text-black:hover { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:to-teal-50 { + --gradient-to-color: #edfafa; } - .md\:hover\:text-white:hover { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:to-teal-100 { + --gradient-to-color: #d5f5f6; } - .md\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:to-teal-200 { + --gradient-to-color: #afecef; } - .md\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:to-teal-300 { + --gradient-to-color: #7edce2; } - .md\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:to-teal-400 { + --gradient-to-color: #16bdca; } - .md\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:to-teal-500 { + --gradient-to-color: #0694a2; } - .md\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:to-teal-600 { + --gradient-to-color: #047481; } - .md\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:to-teal-700 { + --gradient-to-color: #036672; } - .md\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:to-teal-800 { + --gradient-to-color: #05505c; } - .md\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:to-teal-900 { + --gradient-to-color: #014451; } - .md\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:to-blue-50 { + --gradient-to-color: #ebf5ff; } - .md\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:to-blue-100 { + --gradient-to-color: #e1effe; } - .md\:hover\:text-red-50:hover { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:to-blue-200 { + --gradient-to-color: #c3ddfd; } - .md\:hover\:text-red-100:hover { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:to-blue-300 { + --gradient-to-color: #a4cafe; } - .md\:hover\:text-red-200:hover { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:to-blue-400 { + --gradient-to-color: #76a9fa; } - .md\:hover\:text-red-300:hover { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:to-blue-500 { + --gradient-to-color: #3f83f8; } - .md\:hover\:text-red-400:hover { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:to-blue-600 { + --gradient-to-color: #1c64f2; } - .md\:hover\:text-red-500:hover { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:to-blue-700 { + --gradient-to-color: #1a56db; } - .md\:hover\:text-red-600:hover { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:to-blue-800 { + --gradient-to-color: #1e429f; } - .md\:hover\:text-red-700:hover { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:to-blue-900 { + --gradient-to-color: #233876; } - .md\:hover\:text-red-800:hover { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:to-indigo-50 { + --gradient-to-color: #f0f5ff; } - .md\:hover\:text-red-900:hover { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:to-indigo-100 { + --gradient-to-color: #e5edff; } - .md\:hover\:text-orange-50:hover { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:to-indigo-200 { + --gradient-to-color: #cddbfe; } - .md\:hover\:text-orange-100:hover { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:to-indigo-300 { + --gradient-to-color: #b4c6fc; } - .md\:hover\:text-orange-200:hover { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:to-indigo-400 { + --gradient-to-color: #8da2fb; } - .md\:hover\:text-orange-300:hover { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:to-indigo-500 { + --gradient-to-color: #6875f5; } - .md\:hover\:text-orange-400:hover { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:to-indigo-600 { + --gradient-to-color: #5850ec; } - .md\:hover\:text-orange-500:hover { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:to-indigo-700 { + --gradient-to-color: #5145cd; } - .md\:hover\:text-orange-600:hover { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:to-indigo-800 { + --gradient-to-color: #42389d; } - .md\:hover\:text-orange-700:hover { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:to-indigo-900 { + --gradient-to-color: #362f78; } - .md\:hover\:text-orange-800:hover { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:to-purple-50 { + --gradient-to-color: #f6f5ff; } - .md\:hover\:text-orange-900:hover { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:to-purple-100 { + --gradient-to-color: #edebfe; } - .md\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:to-purple-200 { + --gradient-to-color: #dcd7fe; } - .md\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:to-purple-300 { + --gradient-to-color: #cabffd; } - .md\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:to-purple-400 { + --gradient-to-color: #ac94fa; } - .md\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:to-purple-500 { + --gradient-to-color: #9061f9; } - .md\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:to-purple-600 { + --gradient-to-color: #7e3af2; } - .md\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:to-purple-700 { + --gradient-to-color: #6c2bd9; } - .md\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:to-purple-800 { + --gradient-to-color: #5521b5; } - .md\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:to-purple-900 { + --gradient-to-color: #4a1d96; } - .md\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .md\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:to-pink-100 { + --gradient-to-color: #fce8f3; } - .md\:hover\:text-green-50:hover { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:to-pink-200 { + --gradient-to-color: #fad1e8; } - .md\:hover\:text-green-100:hover { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:to-pink-300 { + --gradient-to-color: #f8b4d9; } - .md\:hover\:text-green-200:hover { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:to-pink-400 { + --gradient-to-color: #f17eb8; } - .md\:hover\:text-green-300:hover { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:to-pink-500 { + --gradient-to-color: #e74694; } - .md\:hover\:text-green-400:hover { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:to-pink-600 { + --gradient-to-color: #d61f69; } - .md\:hover\:text-green-500:hover { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:to-pink-700 { + --gradient-to-color: #bf125d; } - .md\:hover\:text-green-600:hover { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:to-pink-800 { + --gradient-to-color: #99154b; } - .md\:hover\:text-green-700:hover { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:to-pink-900 { + --gradient-to-color: #751a3d; } - .md\:hover\:text-green-800:hover { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:text-green-900:hover { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:text-teal-50:hover { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:text-teal-100:hover { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:text-teal-200:hover { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:hover\:text-teal-300:hover { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:hover\:text-teal-400:hover { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + .lg\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:hover\:text-teal-500:hover { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:hover\:text-teal-600:hover { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:hover\:text-teal-700:hover { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:hover\:text-teal-800:hover { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:hover\:text-teal-900:hover { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:hover\:text-indigo-50:hover { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:hover\:text-indigo-100:hover { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:hover\:text-indigo-200:hover { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:hover\:text-indigo-300:hover { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:hover\:text-indigo-400:hover { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:hover\:text-indigo-500:hover { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:hover\:text-indigo-600:hover { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:hover\:text-indigo-700:hover { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:hover\:text-indigo-800:hover { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:hover\:text-indigo-900:hover { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:focus\:text-transparent:focus { - color: transparent; + .lg\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:focus\:text-current:focus { - color: currentColor; + .lg\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:focus\:text-black:focus { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:focus\:text-white:focus { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:focus\:text-red-50:focus { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:focus\:text-red-100:focus { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:focus\:text-red-200:focus { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:focus\:text-red-300:focus { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:focus\:text-red-400:focus { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:focus\:text-red-500:focus { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:focus\:text-red-600:focus { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:focus\:text-red-700:focus { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:focus\:text-red-800:focus { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:focus\:text-red-900:focus { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:focus\:text-orange-50:focus { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:focus\:text-orange-100:focus { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:focus\:text-orange-200:focus { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:focus\:text-orange-300:focus { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:focus\:text-orange-400:focus { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:focus\:text-orange-500:focus { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:focus\:text-orange-600:focus { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:focus\:text-orange-700:focus { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:focus\:text-orange-800:focus { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:focus\:text-orange-900:focus { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:focus\:text-green-50:focus { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:focus\:text-green-100:focus { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:focus\:text-green-200:focus { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:focus\:text-green-300:focus { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:focus\:text-green-400:focus { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:focus\:text-green-500:focus { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:focus\:text-green-600:focus { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:focus\:text-green-700:focus { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:focus\:text-green-800:focus { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:text-green-900:focus { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:text-teal-50:focus { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:text-teal-100:focus { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:text-teal-200:focus { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:focus\:text-teal-300:focus { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:focus\:text-teal-400:focus { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + .lg\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:focus\:text-teal-500:focus { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:focus\:text-teal-600:focus { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:focus\:text-teal-700:focus { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:focus\:text-teal-800:focus { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:focus\:text-teal-900:focus { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:focus\:text-indigo-50:focus { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:focus\:text-indigo-100:focus { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:focus\:text-indigo-200:focus { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:focus\:text-indigo-300:focus { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:focus\:text-indigo-400:focus { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:focus\:text-indigo-500:focus { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:focus\:text-indigo-600:focus { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:focus\:text-indigo-700:focus { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:focus\:text-indigo-800:focus { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:focus\:text-indigo-900:focus { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:text-opacity-0 { - --text-opacity: 0; + .lg\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:text-opacity-25 { - --text-opacity: 0.25; + .lg\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:text-opacity-50 { - --text-opacity: 0.5; + .lg\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:text-opacity-75 { - --text-opacity: 0.75; + .lg\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:text-opacity-100 { - --text-opacity: 1; + .lg\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .lg\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .lg\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .lg\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .lg\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .lg\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .lg\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .lg\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .lg\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .lg\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .lg\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:italic { - font-style: italic; + .lg\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:not-italic { - font-style: normal; + .lg\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:uppercase { - text-transform: uppercase; + .lg\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:lowercase { - text-transform: lowercase; + .lg\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:capitalize { - text-transform: capitalize; + .lg\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:normal-case { - text-transform: none; + .lg\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:underline { - text-decoration: underline; + .lg\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:line-through { - text-decoration: line-through; + .lg\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:no-underline { - text-decoration: none; + .lg\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:hover\:underline:hover { - text-decoration: underline; + .lg\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:hover\:no-underline:hover { - text-decoration: none; + .lg\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:focus\:underline:focus { - text-decoration: underline; + .lg\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:focus\:no-underline:focus { - text-decoration: none; + .lg\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:tracking-tight { - letter-spacing: -0.025em; + .lg\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:tracking-normal { - letter-spacing: 0; + .lg\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:tracking-wide { - letter-spacing: 0.025em; + .lg\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:tracking-wider { - letter-spacing: 0.05em; + .lg\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:tracking-widest { - letter-spacing: 0.1em; + .lg\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:select-none { - user-select: none; + .lg\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:select-text { - user-select: text; + .lg\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:select-all { - user-select: all; + .lg\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:select-auto { - user-select: auto; + .lg\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:align-baseline { - vertical-align: baseline; + .lg\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:align-top { - vertical-align: top; + .lg\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:align-middle { - vertical-align: middle; + .lg\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:align-bottom { - vertical-align: bottom; + .lg\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:align-text-top { - vertical-align: text-top; + .lg\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:align-text-bottom { - vertical-align: text-bottom; + .lg\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:visible { - visibility: visible; + .lg\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:invisible { - visibility: hidden; + .lg\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:whitespace-normal { - white-space: normal; + .lg\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:whitespace-no-wrap { - white-space: nowrap; + .lg\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:whitespace-pre { - white-space: pre; + .lg\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .md\:whitespace-pre-line { - white-space: pre-line; + .lg\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:hover\:to-black:hover { + --gradient-to-color: #000000; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:hover\:to-white:hover { + --gradient-to-color: #ffffff; } - .md\:break-words { - overflow-wrap: break-word; + .lg\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; } - .md\:break-all { - word-break: break-all; + .lg\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; } - .md\:w-0 { - width: 0; + .lg\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; } - .md\:w-1 { - width: 0.25rem; + .lg\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; } - .md\:w-2 { - width: 0.5rem; + .lg\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; } - .md\:w-3 { - width: 0.75rem; + .lg\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; } - .md\:w-4 { - width: 1rem; + .lg\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; } - .md\:w-5 { - width: 1.25rem; + .lg\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; } - .md\:w-6 { - width: 1.5rem; + .lg\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; } - .md\:w-7 { - width: 1.75rem; + .lg\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; } - .md\:w-8 { - width: 2rem; + .lg\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; } - .md\:w-9 { - width: 2.25rem; + .lg\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; } - .md\:w-10 { - width: 2.5rem; + .lg\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; } - .md\:w-11 { - width: 2.75rem; + .lg\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; } - .md\:w-12 { - width: 3rem; + .lg\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; } - .md\:w-13 { - width: 3.25rem; + .lg\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; } - .md\:w-14 { - width: 3.5rem; + .lg\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; } - .md\:w-15 { - width: 3.75rem; + .lg\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; } - .md\:w-16 { - width: 4rem; + .lg\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; } - .md\:w-20 { - width: 5rem; + .lg\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; } - .md\:w-24 { - width: 6rem; + .lg\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; } - .md\:w-28 { - width: 7rem; + .lg\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; } - .md\:w-32 { - width: 8rem; + .lg\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; } - .md\:w-36 { - width: 9rem; + .lg\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; } - .md\:w-40 { - width: 10rem; + .lg\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; } - .md\:w-44 { - width: 11rem; + .lg\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; } - .md\:w-48 { - width: 12rem; + .lg\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; } - .md\:w-52 { - width: 13rem; + .lg\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; } - .md\:w-56 { - width: 14rem; + .lg\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; } - .md\:w-60 { - width: 15rem; + .lg\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; } - .md\:w-64 { - width: 16rem; + .lg\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; } - .md\:w-72 { - width: 18rem; + .lg\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; } - .md\:w-80 { - width: 20rem; + .lg\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; } - .md\:w-96 { - width: 24rem; + .lg\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; } - .md\:w-auto { - width: auto; + .lg\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; } - .md\:w-px { - width: 1px; + .lg\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; } - .md\:w-0\.5 { - width: 0.125rem; + .lg\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; } - .md\:w-1\.5 { - width: 0.375rem; + .lg\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; } - .md\:w-2\.5 { - width: 0.625rem; + .lg\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; } - .md\:w-3\.5 { - width: 0.875rem; + .lg\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; } - .md\:w-1\/2 { - width: 50%; + .lg\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; } - .md\:w-1\/3 { - width: 33.333333%; + .lg\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; } - .md\:w-2\/3 { - width: 66.666667%; + .lg\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; } - .md\:w-1\/4 { - width: 25%; + .lg\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; } - .md\:w-2\/4 { - width: 50%; + .lg\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; } - .md\:w-3\/4 { - width: 75%; + .lg\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; } - .md\:w-1\/5 { - width: 20%; + .lg\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; } - .md\:w-2\/5 { - width: 40%; + .lg\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; } - .md\:w-3\/5 { - width: 60%; + .lg\:hover\:to-green-900:hover { + --gradient-to-color: #014737; } - .md\:w-4\/5 { - width: 80%; + .lg\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; } - .md\:w-1\/6 { - width: 16.666667%; + .lg\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; } - .md\:w-2\/6 { - width: 33.333333%; + .lg\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; } - .md\:w-3\/6 { - width: 50%; + .lg\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; } - .md\:w-4\/6 { - width: 66.666667%; + .lg\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; } - .md\:w-5\/6 { - width: 83.333333%; + .lg\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; } - .md\:w-1\/12 { - width: 8.333333%; + .lg\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; } - .md\:w-2\/12 { - width: 16.666667%; + .lg\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; } - .md\:w-3\/12 { - width: 25%; + .lg\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; } - .md\:w-4\/12 { - width: 33.333333%; + .lg\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; } - .md\:w-5\/12 { - width: 41.666667%; + .lg\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; } - .md\:w-6\/12 { - width: 50%; + .lg\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; } - .md\:w-7\/12 { - width: 58.333333%; + .lg\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; } - .md\:w-8\/12 { - width: 66.666667%; + .lg\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; } - .md\:w-9\/12 { - width: 75%; + .lg\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; } - .md\:w-10\/12 { - width: 83.333333%; + .lg\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; } - .md\:w-11\/12 { - width: 91.666667%; + .lg\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; } - .md\:w-full { - width: 100%; + .lg\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; } - .md\:w-screen { - width: 100vw; + .lg\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; } - .md\:w-min-content { - width: min-content; + .lg\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; } - .md\:w-max-content { - width: max-content; + .lg\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; } - .md\:z-0 { - z-index: 0; + .lg\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; } - .md\:z-10 { - z-index: 10; + .lg\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; } - .md\:z-20 { - z-index: 20; + .lg\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; } - .md\:z-30 { - z-index: 30; + .lg\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; } - .md\:z-40 { - z-index: 40; + .lg\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; } - .md\:z-50 { - z-index: 50; + .lg\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; } - .md\:z-auto { - z-index: auto; + .lg\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; } - .md\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .lg\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; } - .md\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .lg\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; } - .md\:gap-11 { - grid-gap: 2.75rem; - gap: 2.75rem; + .lg\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .md\:gap-13 { - grid-gap: 3.25rem; - gap: 3.25rem; + .lg\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; } - .md\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .lg\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; } - .md\:gap-15 { - grid-gap: 3.75rem; - gap: 3.75rem; + .lg\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; } - .md\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .lg\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; } - .md\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .lg\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .lg\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .lg\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .lg\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .lg\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .lg\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .lg\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .lg\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .lg\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .lg\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .lg\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .lg\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .lg\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:gap-1\/2 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:gap-1\/3 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:gap-2\/3 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:gap-1\/4 { - grid-gap: 25%; - gap: 25%; + .lg\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:gap-2\/4 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:gap-3\/4 { - grid-gap: 75%; - gap: 75%; + .lg\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:gap-1\/5 { - grid-gap: 20%; - gap: 20%; + .lg\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:gap-2\/5 { - grid-gap: 40%; - gap: 40%; + .lg\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:gap-3\/5 { - grid-gap: 60%; - gap: 60%; + .lg\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:gap-4\/5 { - grid-gap: 80%; - gap: 80%; + .lg\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:gap-1\/6 { - grid-gap: 16.666667%; - gap: 16.666667%; + .lg\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:gap-2\/6 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:gap-3\/6 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:gap-4\/6 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:gap-5\/6 { - grid-gap: 83.333333%; - gap: 83.333333%; + .lg\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:gap-1\/12 { - grid-gap: 8.333333%; - gap: 8.333333%; + .lg\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:gap-2\/12 { - grid-gap: 16.666667%; - gap: 16.666667%; + .lg\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:gap-3\/12 { - grid-gap: 25%; - gap: 25%; + .lg\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:gap-4\/12 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:gap-5\/12 { - grid-gap: 41.666667%; - gap: 41.666667%; + .lg\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:gap-6\/12 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:gap-7\/12 { - grid-gap: 58.333333%; - gap: 58.333333%; + .lg\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:gap-8\/12 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:gap-9\/12 { - grid-gap: 75%; - gap: 75%; + .lg\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:gap-10\/12 { - grid-gap: 83.333333%; - gap: 83.333333%; + .lg\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:gap-11\/12 { - grid-gap: 91.666667%; - gap: 91.666667%; + .lg\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:gap-full { - grid-gap: 100%; - gap: 100%; + .lg\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:gap-x-11 { - grid-column-gap: 2.75rem; - column-gap: 2.75rem; + .lg\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:gap-x-13 { - grid-column-gap: 3.25rem; - column-gap: 3.25rem; + .lg\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:gap-x-15 { - grid-column-gap: 3.75rem; - column-gap: 3.75rem; + .lg\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .lg\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .lg\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .lg\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .lg\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .lg\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .lg\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .lg\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .lg\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:gap-x-1\/2 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:gap-x-1\/3 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:gap-x-2\/3 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:gap-x-1\/4 { - grid-column-gap: 25%; - column-gap: 25%; + .lg\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:gap-x-2\/4 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:gap-x-3\/4 { - grid-column-gap: 75%; - column-gap: 75%; + .lg\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:gap-x-1\/5 { - grid-column-gap: 20%; - column-gap: 20%; + .lg\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:gap-x-2\/5 { - grid-column-gap: 40%; - column-gap: 40%; + .lg\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:gap-x-3\/5 { - grid-column-gap: 60%; - column-gap: 60%; + .lg\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:gap-x-4\/5 { - grid-column-gap: 80%; - column-gap: 80%; + .lg\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:gap-x-1\/6 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .lg\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:gap-x-2\/6 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:gap-x-3\/6 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:gap-x-4\/6 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:gap-x-5\/6 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .lg\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:gap-x-1\/12 { - grid-column-gap: 8.333333%; - column-gap: 8.333333%; + .lg\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:gap-x-2\/12 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .lg\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:gap-x-3\/12 { - grid-column-gap: 25%; - column-gap: 25%; + .lg\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:gap-x-4\/12 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:gap-x-5\/12 { - grid-column-gap: 41.666667%; - column-gap: 41.666667%; + .lg\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:gap-x-6\/12 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:gap-x-7\/12 { - grid-column-gap: 58.333333%; - column-gap: 58.333333%; + .lg\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:gap-x-8\/12 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:gap-x-9\/12 { - grid-column-gap: 75%; - column-gap: 75%; + .lg\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:gap-x-10\/12 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .lg\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:gap-x-11\/12 { - grid-column-gap: 91.666667%; - column-gap: 91.666667%; + .lg\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:gap-x-full { - grid-column-gap: 100%; - column-gap: 100%; + .lg\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .md\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .md\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .md\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .md\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .md\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .lg\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .md\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .md\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .lg\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .md\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .md\:gap-y-11 { - grid-row-gap: 2.75rem; - row-gap: 2.75rem; + .lg\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .md\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .md\:gap-y-13 { - grid-row-gap: 3.25rem; - row-gap: 3.25rem; + .lg\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .md\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .lg\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .md\:gap-y-15 { - grid-row-gap: 3.75rem; - row-gap: 3.75rem; + .lg\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .md\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .md\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .md\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .md\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .lg\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .md\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .md\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .lg\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .md\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .md\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .lg\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .md\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .md\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .lg\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .md\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .md\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .lg\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .md\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .md\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .lg\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .md\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .lg\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .md\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .lg\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .md\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .md\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .lg\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .md\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .lg\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .md\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .lg\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .md\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .lg\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .md\:gap-y-1\/2 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .md\:gap-y-1\/3 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .md\:gap-y-2\/3 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .md\:gap-y-1\/4 { - grid-row-gap: 25%; - row-gap: 25%; + .lg\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .md\:gap-y-2\/4 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .md\:gap-y-3\/4 { - grid-row-gap: 75%; - row-gap: 75%; + .lg\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .md\:gap-y-1\/5 { - grid-row-gap: 20%; - row-gap: 20%; + .lg\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .md\:gap-y-2\/5 { - grid-row-gap: 40%; - row-gap: 40%; + .lg\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .md\:gap-y-3\/5 { - grid-row-gap: 60%; - row-gap: 60%; + .lg\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .md\:gap-y-4\/5 { - grid-row-gap: 80%; - row-gap: 80%; + .lg\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .md\:gap-y-1\/6 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .lg\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .md\:gap-y-2\/6 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .md\:gap-y-3\/6 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .md\:gap-y-4\/6 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .md\:gap-y-5\/6 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .lg\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .md\:gap-y-1\/12 { - grid-row-gap: 8.333333%; - row-gap: 8.333333%; + .lg\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .md\:gap-y-2\/12 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .lg\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .md\:gap-y-3\/12 { - grid-row-gap: 25%; - row-gap: 25%; + .lg\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .md\:gap-y-4\/12 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .md\:gap-y-5\/12 { - grid-row-gap: 41.666667%; - row-gap: 41.666667%; + .lg\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .md\:gap-y-6\/12 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .md\:gap-y-7\/12 { - grid-row-gap: 58.333333%; - row-gap: 58.333333%; + .lg\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .md\:gap-y-8\/12 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .md\:gap-y-9\/12 { - grid-row-gap: 75%; - row-gap: 75%; + .lg\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .md\:gap-y-10\/12 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .lg\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .md\:gap-y-11\/12 { - grid-row-gap: 91.666667%; - row-gap: 91.666667%; + .lg\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .md\:gap-y-full { - grid-row-gap: 100%; - row-gap: 100%; + .lg\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .md\:grid-flow-row { - grid-auto-flow: row; + .lg\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .md\:grid-flow-col { - grid-auto-flow: column; + .lg\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .md\:grid-cols-none { - grid-template-columns: none; + .lg\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .md\:col-auto { - grid-column: auto; + .lg\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .md\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .md\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .md\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .md\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .md\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .md\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .md\:col-start-1 { - grid-column-start: 1; + .lg\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .md\:col-start-2 { - grid-column-start: 2; + .lg\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .md\:col-start-3 { - grid-column-start: 3; + .lg\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .md\:col-start-4 { - grid-column-start: 4; + .lg\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .md\:col-start-5 { - grid-column-start: 5; + .lg\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .md\:col-start-6 { - grid-column-start: 6; + .lg\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .md\:col-start-7 { - grid-column-start: 7; + .lg\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .md\:col-start-8 { - grid-column-start: 8; + .lg\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .md\:col-start-9 { - grid-column-start: 9; + .lg\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .md\:col-start-10 { - grid-column-start: 10; + .lg\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .md\:col-start-11 { - grid-column-start: 11; + .lg\:focus\:to-black:focus { + --gradient-to-color: #000000; } - .md\:col-start-12 { - grid-column-start: 12; + .lg\:focus\:to-white:focus { + --gradient-to-color: #ffffff; } - .md\:col-start-13 { - grid-column-start: 13; + .lg\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; } - .md\:col-start-auto { - grid-column-start: auto; + .lg\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; } - .md\:col-end-1 { - grid-column-end: 1; + .lg\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; } - .md\:col-end-2 { - grid-column-end: 2; + .lg\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; } - .md\:col-end-3 { - grid-column-end: 3; + .lg\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; } - .md\:col-end-4 { - grid-column-end: 4; + .lg\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; } - .md\:col-end-5 { - grid-column-end: 5; + .lg\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; } - .md\:col-end-6 { - grid-column-end: 6; + .lg\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; } - .md\:col-end-7 { - grid-column-end: 7; + .lg\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; } - .md\:col-end-8 { - grid-column-end: 8; + .lg\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; } - .md\:col-end-9 { - grid-column-end: 9; + .lg\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; } - .md\:col-end-10 { - grid-column-end: 10; + .lg\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; } - .md\:col-end-11 { - grid-column-end: 11; + .lg\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; } - .md\:col-end-12 { - grid-column-end: 12; + .lg\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; } - .md\:col-end-13 { - grid-column-end: 13; + .lg\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; } - .md\:col-end-auto { - grid-column-end: auto; + .lg\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; } - .md\:grid-rows-none { - grid-template-rows: none; + .lg\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; } - .md\:row-auto { - grid-row: auto; + .lg\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; } - .md\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; } - .md\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; } - .md\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; } - .md\:row-start-1 { - grid-row-start: 1; + .lg\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; } - .md\:row-start-2 { - grid-row-start: 2; + .lg\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; } - .md\:row-start-3 { - grid-row-start: 3; + .lg\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; } - .md\:row-start-4 { - grid-row-start: 4; + .lg\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; } - .md\:row-start-5 { - grid-row-start: 5; + .lg\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; } - .md\:row-start-6 { - grid-row-start: 6; + .lg\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; } - .md\:row-start-7 { - grid-row-start: 7; + .lg\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; } - .md\:row-start-auto { - grid-row-start: auto; + .lg\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; } - .md\:row-end-1 { - grid-row-end: 1; + .lg\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; } - .md\:row-end-2 { - grid-row-end: 2; + .lg\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; } - .md\:row-end-3 { - grid-row-end: 3; + .lg\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; } - .md\:row-end-4 { - grid-row-end: 4; + .lg\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; } - .md\:row-end-5 { - grid-row-end: 5; + .lg\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; } - .md\:row-end-6 { - grid-row-end: 6; + .lg\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; } - .md\:row-end-7 { - grid-row-end: 7; + .lg\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; } - .md\:row-end-auto { - grid-row-end: auto; + .lg\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; } - .md\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .lg\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; } - .md\:transform-none { - transform: none; + .lg\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; } - .md\:origin-center { - transform-origin: center; + .lg\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; } - .md\:origin-top { - transform-origin: top; + .lg\:focus\:to-green-900:focus { + --gradient-to-color: #014737; } - .md\:origin-top-right { - transform-origin: top right; + .lg\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; } - .md\:origin-right { - transform-origin: right; + .lg\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; } - .md\:origin-bottom-right { - transform-origin: bottom right; + .lg\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; } - .md\:origin-bottom { - transform-origin: bottom; + .lg\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .lg\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; } - .md\:origin-left { - transform-origin: left; + .lg\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; } - .md\:origin-top-left { - transform-origin: top left; + .lg\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; } - .md\:scale-x-0 { - --transform-scale-x: 0; + .lg\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; } - .md\:scale-x-50 { - --transform-scale-x: .5; + .lg\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; } - .md\:scale-x-75 { - --transform-scale-x: .75; + .lg\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; } - .md\:scale-x-90 { - --transform-scale-x: .9; + .lg\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; } - .md\:scale-x-95 { - --transform-scale-x: .95; + .lg\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; } - .md\:scale-x-100 { - --transform-scale-x: 1; + .lg\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; } - .md\:scale-y-0 { - --transform-scale-y: 0; + .lg\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; } - .md\:scale-y-50 { - --transform-scale-y: .5; + .lg\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; } - .md\:scale-y-75 { - --transform-scale-y: .75; + .lg\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; } - .md\:scale-y-90 { - --transform-scale-y: .9; + .lg\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; } - .md\:scale-y-95 { - --transform-scale-y: .95; + .lg\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; } - .md\:scale-y-100 { - --transform-scale-y: 1; + .lg\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; - } + @media (prefers-color-scheme: dark) { + .lg\:dark\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; - } + .lg\:dark\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; - } + .lg\:dark\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; - } + .lg\:dark\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; - } + .lg\:dark\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; - } + .lg\:dark\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; - } + .lg\:dark\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; - } + .lg\:dark\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; - } + .lg\:dark\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; - } + .lg\:dark\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; - } + .lg\:dark\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; - } + .lg\:dark\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; - } + .lg\:dark\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; - } + .lg\:dark\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; - } + .lg\:dark\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; - } + .lg\:dark\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; - } + .lg\:dark\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; - } + .lg\:dark\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; - } + .lg\:dark\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; - } + .lg\:dark\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; - } + .lg\:dark\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; - } + .lg\:dark\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; - } + .lg\:dark\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } + .lg\:dark\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } + .lg\:dark\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } + .lg\:dark\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } + .lg\:dark\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; - } + .lg\:dark\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; - } + .lg\:dark\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; - } + .lg\:dark\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; - } + .lg\:dark\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; - } + .lg\:dark\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; - } + .lg\:dark\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; - } + .lg\:dark\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; - } + .lg\:dark\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; - } + .lg\:dark\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; - } + .lg\:dark\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; - } + .lg\:dark\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; - } + .lg\:dark\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; - } + .lg\:dark\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9; - } + .lg\:dark\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; - } + .lg\:dark\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1; - } + .lg\:dark\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; - } + .lg\:dark\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; - } + .lg\:dark\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; - } + .lg\:dark\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; - } + .lg\:dark\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:rotate-0 { - --transform-rotate: 0; - } + .lg\:dark\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:rotate-45 { - --transform-rotate: 45deg; - } + .lg\:dark\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:rotate-90 { - --transform-rotate: 90deg; - } + .lg\:dark\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:rotate-180 { - --transform-rotate: 180deg; - } + .lg\:dark\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:-rotate-180 { - --transform-rotate: -180deg; - } + .lg\:dark\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:-rotate-90 { - --transform-rotate: -90deg; - } + .lg\:dark\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:-rotate-45 { - --transform-rotate: -45deg; - } + .lg\:dark\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; - } + .lg\:dark\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; - } + .lg\:dark\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; - } + .lg\:dark\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; - } + .lg\:dark\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; - } + .lg\:dark\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; - } + .lg\:dark\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; - } + .lg\:dark\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; - } + .lg\:dark\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; - } + .lg\:dark\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; - } + .lg\:dark\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; - } + .lg\:dark\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; - } + .lg\:dark\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; - } + .lg\:dark\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; - } + .lg\:dark\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:translate-x-0 { - --transform-translate-x: 0; - } + .lg\:dark\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem; - } + .lg\:dark\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem; - } + .lg\:dark\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem; - } + .lg\:dark\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:translate-x-4 { - --transform-translate-x: 1rem; - } + .lg\:dark\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem; - } + .lg\:dark\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem; - } + .lg\:dark\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:translate-x-7 { - --transform-translate-x: 1.75rem; - } + .lg\:dark\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:translate-x-8 { - --transform-translate-x: 2rem; - } + .lg\:dark\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:translate-x-9 { - --transform-translate-x: 2.25rem; - } + .lg\:dark\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem; - } + .lg\:dark\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:translate-x-11 { - --transform-translate-x: 2.75rem; - } + .lg\:dark\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:translate-x-12 { - --transform-translate-x: 3rem; - } + .lg\:dark\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:translate-x-13 { - --transform-translate-x: 3.25rem; - } + .lg\:dark\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:translate-x-14 { - --transform-translate-x: 3.5rem; - } + .lg\:dark\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:translate-x-15 { - --transform-translate-x: 3.75rem; - } + .lg\:dark\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:translate-x-16 { - --transform-translate-x: 4rem; - } + .lg\:dark\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:translate-x-20 { - --transform-translate-x: 5rem; - } + .lg\:dark\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:translate-x-24 { - --transform-translate-x: 6rem; - } + .lg\:dark\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:translate-x-28 { - --transform-translate-x: 7rem; - } + .lg\:dark\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:translate-x-32 { - --transform-translate-x: 8rem; - } + .lg\:dark\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:translate-x-36 { - --transform-translate-x: 9rem; - } + .lg\:dark\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:translate-x-40 { - --transform-translate-x: 10rem; - } + .lg\:dark\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:translate-x-44 { - --transform-translate-x: 11rem; - } + .lg\:dark\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:translate-x-48 { - --transform-translate-x: 12rem; - } + .lg\:dark\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:translate-x-52 { - --transform-translate-x: 13rem; - } + .lg\:dark\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:translate-x-56 { - --transform-translate-x: 14rem; - } + .lg\:dark\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:translate-x-60 { - --transform-translate-x: 15rem; - } + .lg\:dark\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:translate-x-64 { - --transform-translate-x: 16rem; - } + .lg\:dark\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:translate-x-72 { - --transform-translate-x: 18rem; - } + .lg\:dark\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:translate-x-80 { - --transform-translate-x: 20rem; - } + .lg\:dark\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:translate-x-96 { - --transform-translate-x: 24rem; - } + .lg\:dark\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:translate-x-px { - --transform-translate-x: 1px; - } + .lg\:dark\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; - } + .lg\:dark\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; - } + .lg\:dark\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; - } + .lg\:dark\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; - } + .lg\:dark\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:translate-x-1\/2 { - --transform-translate-x: 50%; - } + .lg\:dark\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:translate-x-1\/4 { - --transform-translate-x: 25%; - } + .lg\:dark\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:translate-x-2\/4 { - --transform-translate-x: 50%; - } + .lg\:dark\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:translate-x-3\/4 { - --transform-translate-x: 75%; - } + .lg\:dark\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:translate-x-1\/5 { - --transform-translate-x: 20%; - } + .lg\:dark\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:translate-x-2\/5 { - --transform-translate-x: 40%; - } + .lg\:dark\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:translate-x-3\/5 { - --transform-translate-x: 60%; - } + .lg\:dark\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:translate-x-4\/5 { - --transform-translate-x: 80%; - } + .lg\:dark\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:translate-x-1\/6 { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:translate-x-2\/6 { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:translate-x-3\/6 { - --transform-translate-x: 50%; - } + .lg\:dark\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:translate-x-4\/6 { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:translate-x-5\/6 { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:translate-x-1\/12 { - --transform-translate-x: 8.333333%; - } + .lg\:dark\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .lg\:dark\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:translate-x-2\/12 { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:translate-x-3\/12 { - --transform-translate-x: 25%; - } + .lg\:dark\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:translate-x-4\/12 { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:translate-x-5\/12 { - --transform-translate-x: 41.666667%; - } + .lg\:dark\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:translate-x-6\/12 { - --transform-translate-x: 50%; - } + .lg\:dark\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:translate-x-7\/12 { - --transform-translate-x: 58.333333%; - } + .lg\:dark\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:translate-x-8\/12 { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:translate-x-9\/12 { - --transform-translate-x: 75%; - } + .lg\:dark\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:translate-x-10\/12 { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:translate-x-11\/12 { - --transform-translate-x: 91.666667%; - } + .lg\:dark\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:translate-x-full { - --transform-translate-x: 100%; - } + .lg\:dark\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem; - } + .lg\:dark\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem; - } + .lg\:dark\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem; - } + .lg\:dark\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:-translate-x-4 { - --transform-translate-x: -1rem; - } + .lg\:dark\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem; - } + .lg\:dark\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem; - } + .lg\:dark\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:-translate-x-7 { - --transform-translate-x: -1.75rem; - } + .lg\:dark\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:-translate-x-8 { - --transform-translate-x: -2rem; - } + .lg\:dark\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:-translate-x-9 { - --transform-translate-x: -2.25rem; - } + .lg\:dark\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem; - } + .lg\:dark\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:-translate-x-11 { - --transform-translate-x: -2.75rem; - } + .lg\:dark\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:-translate-x-12 { - --transform-translate-x: -3rem; - } + .lg\:dark\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:-translate-x-13 { - --transform-translate-x: -3.25rem; - } + .lg\:dark\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:-translate-x-14 { - --transform-translate-x: -3.5rem; - } + .lg\:dark\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:-translate-x-15 { - --transform-translate-x: -3.75rem; - } + .lg\:dark\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:-translate-x-16 { - --transform-translate-x: -4rem; - } + .lg\:dark\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:-translate-x-20 { - --transform-translate-x: -5rem; - } + .lg\:dark\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:-translate-x-24 { - --transform-translate-x: -6rem; - } + .lg\:dark\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:-translate-x-28 { - --transform-translate-x: -7rem; - } + .lg\:dark\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:-translate-x-32 { - --transform-translate-x: -8rem; - } + .lg\:dark\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:-translate-x-36 { - --transform-translate-x: -9rem; - } + .lg\:dark\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:-translate-x-40 { - --transform-translate-x: -10rem; - } + .lg\:dark\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:-translate-x-44 { - --transform-translate-x: -11rem; - } + .lg\:dark\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:-translate-x-48 { - --transform-translate-x: -12rem; - } + .lg\:dark\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:-translate-x-52 { - --transform-translate-x: -13rem; - } + .lg\:dark\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:-translate-x-56 { - --transform-translate-x: -14rem; - } + .lg\:dark\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:-translate-x-60 { - --transform-translate-x: -15rem; - } + .lg\:dark\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:-translate-x-64 { - --transform-translate-x: -16rem; - } + .lg\:dark\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:-translate-x-72 { - --transform-translate-x: -18rem; - } + .lg\:dark\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:-translate-x-80 { - --transform-translate-x: -20rem; - } + .lg\:dark\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:-translate-x-96 { - --transform-translate-x: -24rem; - } + .lg\:dark\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:-translate-x-px { - --transform-translate-x: -1px; - } + .lg\:dark\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; - } + .lg\:dark\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; - } + .lg\:dark\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; - } + .lg\:dark\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; - } + .lg\:dark\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50%; - } + .lg\:dark\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:-translate-x-1\/3 { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:-translate-x-2\/3 { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:-translate-x-1\/4 { - --transform-translate-x: -25%; - } + .lg\:dark\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:-translate-x-2\/4 { - --transform-translate-x: -50%; - } + .lg\:dark\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:-translate-x-3\/4 { - --transform-translate-x: -75%; - } + .lg\:dark\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:-translate-x-1\/5 { - --transform-translate-x: -20%; - } + .lg\:dark\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:-translate-x-2\/5 { - --transform-translate-x: -40%; - } + .lg\:dark\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:-translate-x-3\/5 { - --transform-translate-x: -60%; - } + .lg\:dark\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:-translate-x-4\/5 { - --transform-translate-x: -80%; - } + .lg\:dark\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:-translate-x-1\/6 { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:-translate-x-2\/6 { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:-translate-x-3\/6 { - --transform-translate-x: -50%; - } + .lg\:dark\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:-translate-x-4\/6 { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:-translate-x-5\/6 { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:-translate-x-1\/12 { - --transform-translate-x: -8.33333%; - } + .lg\:dark\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:-translate-x-2\/12 { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:-translate-x-3\/12 { - --transform-translate-x: -25%; - } + .lg\:dark\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:-translate-x-4\/12 { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:-translate-x-5\/12 { - --transform-translate-x: -41.66667%; - } + .lg\:dark\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:-translate-x-6\/12 { - --transform-translate-x: -50%; - } + .lg\:dark\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:-translate-x-7\/12 { - --transform-translate-x: -58.33333%; - } + .lg\:dark\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:-translate-x-8\/12 { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:-translate-x-9\/12 { - --transform-translate-x: -75%; - } + .lg\:dark\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:-translate-x-10\/12 { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:-translate-x-11\/12 { - --transform-translate-x: -91.66667%; - } + .lg\:dark\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:-translate-x-full { - --transform-translate-x: -100%; - } + .lg\:dark\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:translate-y-0 { - --transform-translate-y: 0; - } + .lg\:dark\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem; - } + .lg\:dark\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem; - } + .lg\:dark\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem; - } + .lg\:dark\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:translate-y-4 { - --transform-translate-y: 1rem; - } + .lg\:dark\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem; - } + .lg\:dark\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem; - } + .lg\:dark\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:translate-y-7 { - --transform-translate-y: 1.75rem; - } + .lg\:dark\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:translate-y-8 { - --transform-translate-y: 2rem; - } + .lg\:dark\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:translate-y-9 { - --transform-translate-y: 2.25rem; - } + .lg\:dark\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem; - } + .lg\:dark\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:translate-y-11 { - --transform-translate-y: 2.75rem; - } + .lg\:dark\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:translate-y-12 { - --transform-translate-y: 3rem; - } + .lg\:dark\:to-transparent { + --gradient-to-color: transparent; + } - .md\:translate-y-13 { - --transform-translate-y: 3.25rem; - } + .lg\:dark\:to-current { + --gradient-to-color: currentColor; + } - .md\:translate-y-14 { - --transform-translate-y: 3.5rem; - } + .lg\:dark\:to-black { + --gradient-to-color: #000000; + } - .md\:translate-y-15 { - --transform-translate-y: 3.75rem; - } + .lg\:dark\:to-white { + --gradient-to-color: #ffffff; + } - .md\:translate-y-16 { - --transform-translate-y: 4rem; - } + .lg\:dark\:to-gray-50 { + --gradient-to-color: #f9fafb; + } - .md\:translate-y-20 { - --transform-translate-y: 5rem; - } + .lg\:dark\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } - .md\:translate-y-24 { - --transform-translate-y: 6rem; - } + .lg\:dark\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } - .md\:translate-y-28 { - --transform-translate-y: 7rem; - } + .lg\:dark\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } - .md\:translate-y-32 { - --transform-translate-y: 8rem; - } + .lg\:dark\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } - .md\:translate-y-36 { - --transform-translate-y: 9rem; - } + .lg\:dark\:to-gray-500 { + --gradient-to-color: #6b7280; + } - .md\:translate-y-40 { - --transform-translate-y: 10rem; - } + .lg\:dark\:to-gray-600 { + --gradient-to-color: #4b5563; + } - .md\:translate-y-44 { - --transform-translate-y: 11rem; - } + .lg\:dark\:to-gray-700 { + --gradient-to-color: #374151; + } - .md\:translate-y-48 { - --transform-translate-y: 12rem; - } + .lg\:dark\:to-gray-800 { + --gradient-to-color: #252f3f; + } - .md\:translate-y-52 { - --transform-translate-y: 13rem; - } + .lg\:dark\:to-gray-900 { + --gradient-to-color: #161e2e; + } - .md\:translate-y-56 { - --transform-translate-y: 14rem; - } + .lg\:dark\:to-red-50 { + --gradient-to-color: #fdf2f2; + } - .md\:translate-y-60 { - --transform-translate-y: 15rem; - } + .lg\:dark\:to-red-100 { + --gradient-to-color: #fde8e8; + } - .md\:translate-y-64 { - --transform-translate-y: 16rem; - } + .lg\:dark\:to-red-200 { + --gradient-to-color: #fbd5d5; + } - .md\:translate-y-72 { - --transform-translate-y: 18rem; - } + .lg\:dark\:to-red-300 { + --gradient-to-color: #f8b4b4; + } - .md\:translate-y-80 { - --transform-translate-y: 20rem; - } + .lg\:dark\:to-red-400 { + --gradient-to-color: #f98080; + } - .md\:translate-y-96 { - --transform-translate-y: 24rem; - } + .lg\:dark\:to-red-500 { + --gradient-to-color: #f05252; + } - .md\:translate-y-px { - --transform-translate-y: 1px; - } + .lg\:dark\:to-red-600 { + --gradient-to-color: #e02424; + } - .md\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; - } + .lg\:dark\:to-red-700 { + --gradient-to-color: #c81e1e; + } - .md\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; - } + .lg\:dark\:to-red-800 { + --gradient-to-color: #9b1c1c; + } - .md\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; - } + .lg\:dark\:to-red-900 { + --gradient-to-color: #771d1d; + } - .md\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; - } + .lg\:dark\:to-orange-50 { + --gradient-to-color: #fff8f1; + } - .md\:translate-y-1\/2 { - --transform-translate-y: 50%; - } + .lg\:dark\:to-orange-100 { + --gradient-to-color: #feecdc; + } - .md\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } - .md\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:to-orange-300 { + --gradient-to-color: #fdba8c; + } - .md\:translate-y-1\/4 { - --transform-translate-y: 25%; - } + .lg\:dark\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } - .md\:translate-y-2\/4 { - --transform-translate-y: 50%; - } + .lg\:dark\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } - .md\:translate-y-3\/4 { - --transform-translate-y: 75%; - } + .lg\:dark\:to-orange-600 { + --gradient-to-color: #d03801; + } - .md\:translate-y-1\/5 { - --transform-translate-y: 20%; - } + .lg\:dark\:to-orange-700 { + --gradient-to-color: #b43403; + } - .md\:translate-y-2\/5 { - --transform-translate-y: 40%; - } + .lg\:dark\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } - .md\:translate-y-3\/5 { - --transform-translate-y: 60%; - } + .lg\:dark\:to-orange-900 { + --gradient-to-color: #73230d; + } - .md\:translate-y-4\/5 { - --transform-translate-y: 80%; - } + .lg\:dark\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } - .md\:translate-y-1\/6 { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } - .md\:translate-y-2\/6 { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:to-yellow-200 { + --gradient-to-color: #fce96a; + } - .md\:translate-y-3\/6 { - --transform-translate-y: 50%; - } + .lg\:dark\:to-yellow-300 { + --gradient-to-color: #faca15; + } - .md\:translate-y-4\/6 { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:to-yellow-400 { + --gradient-to-color: #e3a008; + } - .md\:translate-y-5\/6 { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:to-yellow-500 { + --gradient-to-color: #c27803; + } - .md\:translate-y-1\/12 { - --transform-translate-y: 8.333333%; - } + .lg\:dark\:to-yellow-600 { + --gradient-to-color: #9f580a; + } - .md\:translate-y-2\/12 { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } - .md\:translate-y-3\/12 { - --transform-translate-y: 25%; - } + .lg\:dark\:to-yellow-800 { + --gradient-to-color: #723b13; + } - .md\:translate-y-4\/12 { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:to-yellow-900 { + --gradient-to-color: #633112; + } - .md\:translate-y-5\/12 { - --transform-translate-y: 41.666667%; - } + .lg\:dark\:to-green-50 { + --gradient-to-color: #f3faf7; + } - .md\:translate-y-6\/12 { - --transform-translate-y: 50%; - } + .lg\:dark\:to-green-100 { + --gradient-to-color: #def7ec; + } - .md\:translate-y-7\/12 { - --transform-translate-y: 58.333333%; - } + .lg\:dark\:to-green-200 { + --gradient-to-color: #bcf0da; + } - .md\:translate-y-8\/12 { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:to-green-300 { + --gradient-to-color: #84e1bc; + } - .md\:translate-y-9\/12 { - --transform-translate-y: 75%; - } + .lg\:dark\:to-green-400 { + --gradient-to-color: #31c48d; + } - .md\:translate-y-10\/12 { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:to-green-500 { + --gradient-to-color: #0e9f6e; + } - .md\:translate-y-11\/12 { - --transform-translate-y: 91.666667%; - } + .lg\:dark\:to-green-600 { + --gradient-to-color: #057a55; + } - .md\:translate-y-full { - --transform-translate-y: 100%; - } + .lg\:dark\:to-green-700 { + --gradient-to-color: #046c4e; + } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem; - } + .lg\:dark\:to-green-800 { + --gradient-to-color: #03543f; + } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem; - } + .lg\:dark\:to-green-900 { + --gradient-to-color: #014737; + } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem; - } + .lg\:dark\:to-teal-50 { + --gradient-to-color: #edfafa; + } - .md\:-translate-y-4 { - --transform-translate-y: -1rem; - } + .lg\:dark\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem; - } + .lg\:dark\:to-teal-200 { + --gradient-to-color: #afecef; + } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem; - } + .lg\:dark\:to-teal-300 { + --gradient-to-color: #7edce2; + } - .md\:-translate-y-7 { - --transform-translate-y: -1.75rem; - } + .lg\:dark\:to-teal-400 { + --gradient-to-color: #16bdca; + } - .md\:-translate-y-8 { - --transform-translate-y: -2rem; - } + .lg\:dark\:to-teal-500 { + --gradient-to-color: #0694a2; + } - .md\:-translate-y-9 { - --transform-translate-y: -2.25rem; - } + .lg\:dark\:to-teal-600 { + --gradient-to-color: #047481; + } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem; - } + .lg\:dark\:to-teal-700 { + --gradient-to-color: #036672; + } - .md\:-translate-y-11 { - --transform-translate-y: -2.75rem; - } + .lg\:dark\:to-teal-800 { + --gradient-to-color: #05505c; + } - .md\:-translate-y-12 { - --transform-translate-y: -3rem; - } + .lg\:dark\:to-teal-900 { + --gradient-to-color: #014451; + } - .md\:-translate-y-13 { - --transform-translate-y: -3.25rem; - } + .lg\:dark\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } - .md\:-translate-y-14 { - --transform-translate-y: -3.5rem; - } + .lg\:dark\:to-blue-100 { + --gradient-to-color: #e1effe; + } - .md\:-translate-y-15 { - --transform-translate-y: -3.75rem; - } + .lg\:dark\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } - .md\:-translate-y-16 { - --transform-translate-y: -4rem; - } + .lg\:dark\:to-blue-300 { + --gradient-to-color: #a4cafe; + } - .md\:-translate-y-20 { - --transform-translate-y: -5rem; - } + .lg\:dark\:to-blue-400 { + --gradient-to-color: #76a9fa; + } - .md\:-translate-y-24 { - --transform-translate-y: -6rem; - } + .lg\:dark\:to-blue-500 { + --gradient-to-color: #3f83f8; + } - .md\:-translate-y-28 { - --transform-translate-y: -7rem; - } + .lg\:dark\:to-blue-600 { + --gradient-to-color: #1c64f2; + } - .md\:-translate-y-32 { - --transform-translate-y: -8rem; - } + .lg\:dark\:to-blue-700 { + --gradient-to-color: #1a56db; + } - .md\:-translate-y-36 { - --transform-translate-y: -9rem; - } + .lg\:dark\:to-blue-800 { + --gradient-to-color: #1e429f; + } - .md\:-translate-y-40 { - --transform-translate-y: -10rem; - } + .lg\:dark\:to-blue-900 { + --gradient-to-color: #233876; + } - .md\:-translate-y-44 { - --transform-translate-y: -11rem; - } + .lg\:dark\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } - .md\:-translate-y-48 { - --transform-translate-y: -12rem; - } + .lg\:dark\:to-indigo-100 { + --gradient-to-color: #e5edff; + } - .md\:-translate-y-52 { - --transform-translate-y: -13rem; - } + .lg\:dark\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } - .md\:-translate-y-56 { - --transform-translate-y: -14rem; - } + .lg\:dark\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } - .md\:-translate-y-60 { - --transform-translate-y: -15rem; - } + .lg\:dark\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } - .md\:-translate-y-64 { - --transform-translate-y: -16rem; - } + .lg\:dark\:to-indigo-500 { + --gradient-to-color: #6875f5; + } - .md\:-translate-y-72 { - --transform-translate-y: -18rem; - } + .lg\:dark\:to-indigo-600 { + --gradient-to-color: #5850ec; + } - .md\:-translate-y-80 { - --transform-translate-y: -20rem; - } + .lg\:dark\:to-indigo-700 { + --gradient-to-color: #5145cd; + } - .md\:-translate-y-96 { - --transform-translate-y: -24rem; - } + .lg\:dark\:to-indigo-800 { + --gradient-to-color: #42389d; + } - .md\:-translate-y-px { - --transform-translate-y: -1px; - } + .lg\:dark\:to-indigo-900 { + --gradient-to-color: #362f78; + } - .md\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; - } + .lg\:dark\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } - .md\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; - } + .lg\:dark\:to-purple-100 { + --gradient-to-color: #edebfe; + } - .md\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; - } + .lg\:dark\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } - .md\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; - } + .lg\:dark\:to-purple-300 { + --gradient-to-color: #cabffd; + } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50%; - } + .lg\:dark\:to-purple-400 { + --gradient-to-color: #ac94fa; + } - .md\:-translate-y-1\/3 { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:to-purple-500 { + --gradient-to-color: #9061f9; + } - .md\:-translate-y-2\/3 { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:to-purple-600 { + --gradient-to-color: #7e3af2; + } - .md\:-translate-y-1\/4 { - --transform-translate-y: -25%; - } + .lg\:dark\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } - .md\:-translate-y-2\/4 { - --transform-translate-y: -50%; - } + .lg\:dark\:to-purple-800 { + --gradient-to-color: #5521b5; + } - .md\:-translate-y-3\/4 { - --transform-translate-y: -75%; - } + .lg\:dark\:to-purple-900 { + --gradient-to-color: #4a1d96; + } - .md\:-translate-y-1\/5 { - --transform-translate-y: -20%; - } + .lg\:dark\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } - .md\:-translate-y-2\/5 { - --transform-translate-y: -40%; - } + .lg\:dark\:to-pink-100 { + --gradient-to-color: #fce8f3; + } - .md\:-translate-y-3\/5 { - --transform-translate-y: -60%; - } + .lg\:dark\:to-pink-200 { + --gradient-to-color: #fad1e8; + } - .md\:-translate-y-4\/5 { - --transform-translate-y: -80%; - } + .lg\:dark\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } - .md\:-translate-y-1\/6 { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:to-pink-400 { + --gradient-to-color: #f17eb8; + } - .md\:-translate-y-2\/6 { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:to-pink-500 { + --gradient-to-color: #e74694; + } - .md\:-translate-y-3\/6 { - --transform-translate-y: -50%; - } + .lg\:dark\:to-pink-600 { + --gradient-to-color: #d61f69; + } - .md\:-translate-y-4\/6 { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:to-pink-700 { + --gradient-to-color: #bf125d; + } - .md\:-translate-y-5\/6 { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:to-pink-800 { + --gradient-to-color: #99154b; + } - .md\:-translate-y-1\/12 { - --transform-translate-y: -8.33333%; - } + .lg\:dark\:to-pink-900 { + --gradient-to-color: #751a3d; + } - .md\:-translate-y-2\/12 { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:-translate-y-3\/12 { - --transform-translate-y: -25%; - } + .lg\:dark\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:-translate-y-4\/12 { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:-translate-y-5\/12 { - --transform-translate-y: -41.66667%; - } + .lg\:dark\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:-translate-y-6\/12 { - --transform-translate-y: -50%; - } + .lg\:dark\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:-translate-y-7\/12 { - --transform-translate-y: -58.33333%; - } + .lg\:dark\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:-translate-y-8\/12 { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:-translate-y-9\/12 { - --transform-translate-y: -75%; - } + .lg\:dark\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:-translate-y-10\/12 { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:-translate-y-11\/12 { - --transform-translate-y: -91.66667%; - } + .lg\:dark\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:-translate-y-full { - --transform-translate-y: -100%; - } + .lg\:dark\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; - } + .lg\:dark\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; - } + .lg\:dark\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; - } + .lg\:dark\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; - } + .lg\:dark\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; - } + .lg\:dark\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; - } + .lg\:dark\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; - } + .lg\:dark\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; - } + .lg\:dark\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; - } + .lg\:dark\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; - } + .lg\:dark\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; - } + .lg\:dark\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:hover\:translate-x-11:hover { - --transform-translate-x: 2.75rem; - } + .lg\:dark\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; - } + .lg\:dark\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:hover\:translate-x-13:hover { - --transform-translate-x: 3.25rem; - } + .lg\:dark\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; - } + .lg\:dark\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:hover\:translate-x-15:hover { - --transform-translate-x: 3.75rem; - } + .lg\:dark\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; - } + .lg\:dark\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; - } + .lg\:dark\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; - } + .lg\:dark\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; - } + .lg\:dark\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; - } + .lg\:dark\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; - } + .lg\:dark\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; - } + .lg\:dark\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; - } + .lg\:dark\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; - } + .lg\:dark\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; - } + .lg\:dark\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; - } + .lg\:dark\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; - } + .lg\:dark\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; - } + .lg\:dark\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; - } + .lg\:dark\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; - } + .lg\:dark\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; - } + .lg\:dark\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; - } + .lg\:dark\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; - } + .lg\:dark\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; - } + .lg\:dark\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; - } + .lg\:dark\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; - } + .lg\:dark\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; - } + .lg\:dark\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; - } + .lg\:dark\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:hover\:translate-x-1\/5:hover { - --transform-translate-x: 20%; - } + .lg\:dark\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:hover\:translate-x-2\/5:hover { - --transform-translate-x: 40%; - } + .lg\:dark\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:hover\:translate-x-3\/5:hover { - --transform-translate-x: 60%; - } + .lg\:dark\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:hover\:translate-x-4\/5:hover { - --transform-translate-x: 80%; - } + .lg\:dark\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:hover\:translate-x-1\/6:hover { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:hover\:translate-x-2\/6:hover { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:hover\:translate-x-3\/6:hover { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:hover\:translate-x-4\/6:hover { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:hover\:translate-x-5\/6:hover { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:hover\:translate-x-1\/12:hover { - --transform-translate-x: 8.333333%; - } + .lg\:dark\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:hover\:translate-x-2\/12:hover { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:hover\:translate-x-3\/12:hover { - --transform-translate-x: 25%; - } + .lg\:dark\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:hover\:translate-x-4\/12:hover { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:hover\:translate-x-5\/12:hover { - --transform-translate-x: 41.666667%; - } + .lg\:dark\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:hover\:translate-x-6\/12:hover { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:hover\:translate-x-7\/12:hover { - --transform-translate-x: 58.333333%; - } + .lg\:dark\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:hover\:translate-x-8\/12:hover { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:hover\:translate-x-9\/12:hover { - --transform-translate-x: 75%; - } + .lg\:dark\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:hover\:translate-x-10\/12:hover { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:hover\:translate-x-11\/12:hover { - --transform-translate-x: 91.666667%; - } + .lg\:dark\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; - } + .lg\:dark\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; - } + .lg\:dark\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; - } + .lg\:dark\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; - } + .lg\:dark\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; - } + .lg\:dark\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; - } + .lg\:dark\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; - } + .lg\:dark\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; - } + .lg\:dark\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; - } + .lg\:dark\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; - } + .lg\:dark\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; - } + .lg\:dark\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:hover\:-translate-x-11:hover { - --transform-translate-x: -2.75rem; - } + .lg\:dark\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; - } + .lg\:dark\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:hover\:-translate-x-13:hover { - --transform-translate-x: -3.25rem; - } + .lg\:dark\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; - } + .lg\:dark\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:hover\:-translate-x-15:hover { - --transform-translate-x: -3.75rem; - } + .lg\:dark\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; - } + .lg\:dark\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; - } + .lg\:dark\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; - } + .lg\:dark\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; - } + .lg\:dark\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; - } + .lg\:dark\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; - } + .lg\:dark\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; - } + .lg\:dark\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; - } + .lg\:dark\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; - } + .lg\:dark\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; - } + .lg\:dark\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; - } + .lg\:dark\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; - } + .lg\:dark\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; - } + .lg\:dark\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; - } + .lg\:dark\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; - } + .lg\:dark\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; - } + .lg\:dark\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; - } + .lg\:dark\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; - } + .lg\:dark\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; - } + .lg\:dark\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; - } + .lg\:dark\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; - } + .lg\:dark\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; - } + .lg\:dark\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; - } + .lg\:dark\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; - } + .lg\:dark\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; - } + .lg\:dark\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:hover\:-translate-x-1\/5:hover { - --transform-translate-x: -20%; - } + .lg\:dark\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:hover\:-translate-x-2\/5:hover { - --transform-translate-x: -40%; - } + .lg\:dark\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:hover\:-translate-x-3\/5:hover { - --transform-translate-x: -60%; - } + .lg\:dark\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:hover\:-translate-x-4\/5:hover { - --transform-translate-x: -80%; - } + .lg\:dark\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .md\:hover\:-translate-x-1\/6:hover { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:hover\:-translate-x-2\/6:hover { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:hover\:-translate-x-3\/6:hover { - --transform-translate-x: -50%; - } + .lg\:dark\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:hover\:-translate-x-4\/6:hover { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:hover\:-translate-x-5\/6:hover { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:hover\:-translate-x-1\/12:hover { - --transform-translate-x: -8.33333%; - } + .lg\:dark\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:hover\:-translate-x-2\/12:hover { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:hover\:-translate-x-3\/12:hover { - --transform-translate-x: -25%; - } + .lg\:dark\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:hover\:-translate-x-4\/12:hover { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:hover\:-translate-x-5\/12:hover { - --transform-translate-x: -41.66667%; - } + .lg\:dark\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:hover\:-translate-x-6\/12:hover { - --transform-translate-x: -50%; - } + .lg\:dark\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:hover\:-translate-x-7\/12:hover { - --transform-translate-x: -58.33333%; - } + .lg\:dark\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:hover\:-translate-x-8\/12:hover { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:hover\:-translate-x-9\/12:hover { - --transform-translate-x: -75%; - } + .lg\:dark\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:hover\:-translate-x-10\/12:hover { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:hover\:-translate-x-11\/12:hover { - --transform-translate-x: -91.66667%; - } + .lg\:dark\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; - } + .lg\:dark\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; - } + .lg\:dark\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; - } + .lg\:dark\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; - } + .lg\:dark\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; - } + .lg\:dark\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; - } + .lg\:dark\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; - } + .lg\:dark\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; - } + .lg\:dark\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; - } + .lg\:dark\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; - } + .lg\:dark\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; - } + .lg\:dark\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; - } + .lg\:dark\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:hover\:translate-y-11:hover { - --transform-translate-y: 2.75rem; - } + .lg\:dark\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; - } + .lg\:dark\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:hover\:translate-y-13:hover { - --transform-translate-y: 3.25rem; - } + .lg\:dark\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; - } + .lg\:dark\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:hover\:translate-y-15:hover { - --transform-translate-y: 3.75rem; - } + .lg\:dark\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; - } + .lg\:dark\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; - } + .lg\:dark\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; - } + .lg\:dark\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; - } + .lg\:dark\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; - } + .lg\:dark\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; - } + .lg\:dark\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; - } + .lg\:dark\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; - } + .lg\:dark\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; - } + .lg\:dark\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; - } + .lg\:dark\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; - } + .lg\:dark\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; - } + .lg\:dark\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; - } + .lg\:dark\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; - } + .lg\:dark\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; - } + .lg\:dark\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; - } + .lg\:dark\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; - } + .lg\:dark\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; - } + .lg\:dark\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; - } + .lg\:dark\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; - } + .lg\:dark\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; - } + .lg\:dark\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; - } + .lg\:dark\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; - } + .lg\:dark\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; - } + .lg\:dark\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; - } + .lg\:dark\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:hover\:translate-y-1\/5:hover { - --transform-translate-y: 20%; - } + .lg\:dark\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:hover\:translate-y-2\/5:hover { - --transform-translate-y: 40%; - } + .lg\:dark\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:hover\:translate-y-3\/5:hover { - --transform-translate-y: 60%; - } + .lg\:dark\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:hover\:translate-y-4\/5:hover { - --transform-translate-y: 80%; - } + .lg\:dark\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:hover\:translate-y-1\/6:hover { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:hover\:translate-y-2\/6:hover { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:hover\:translate-y-3\/6:hover { - --transform-translate-y: 50%; - } + .lg\:dark\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:hover\:translate-y-4\/6:hover { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:hover\:translate-y-5\/6:hover { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:hover\:translate-y-1\/12:hover { - --transform-translate-y: 8.333333%; - } + .lg\:dark\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:hover\:translate-y-2\/12:hover { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:hover\:translate-y-3\/12:hover { - --transform-translate-y: 25%; - } + .lg\:dark\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:hover\:translate-y-4\/12:hover { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:hover\:translate-y-5\/12:hover { - --transform-translate-y: 41.666667%; - } + .lg\:dark\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:hover\:translate-y-6\/12:hover { - --transform-translate-y: 50%; - } + .lg\:dark\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:hover\:translate-y-7\/12:hover { - --transform-translate-y: 58.333333%; - } + .lg\:dark\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:hover\:translate-y-8\/12:hover { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:hover\:translate-y-9\/12:hover { - --transform-translate-y: 75%; - } + .lg\:dark\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:hover\:translate-y-10\/12:hover { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:hover\:translate-y-11\/12:hover { - --transform-translate-y: 91.666667%; - } + .lg\:dark\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; - } + .lg\:dark\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; - } + .lg\:dark\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; - } + .lg\:dark\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; - } + .lg\:dark\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; - } + .lg\:dark\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; - } + .lg\:dark\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; - } + .lg\:dark\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; - } + .lg\:dark\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; - } + .lg\:dark\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .md\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; - } + .lg\:dark\:hover\:to-black:hover { + --gradient-to-color: #000000; + } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; - } + .lg\:dark\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } - .md\:hover\:-translate-y-11:hover { - --transform-translate-y: -2.75rem; - } + .lg\:dark\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; - } + .lg\:dark\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } - .md\:hover\:-translate-y-13:hover { - --transform-translate-y: -3.25rem; - } + .lg\:dark\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } - .md\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; - } + .lg\:dark\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } - .md\:hover\:-translate-y-15:hover { - --transform-translate-y: -3.75rem; - } + .lg\:dark\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; - } + .lg\:dark\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; - } + .lg\:dark\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; - } + .lg\:dark\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } - .md\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; - } + .lg\:dark\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; - } + .lg\:dark\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } - .md\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; - } + .lg\:dark\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; - } + .lg\:dark\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } - .md\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; - } + .lg\:dark\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; - } + .lg\:dark\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } - .md\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; - } + .lg\:dark\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; - } + .lg\:dark\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } - .md\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; - } + .lg\:dark\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; - } + .lg\:dark\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } - .md\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; - } + .lg\:dark\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } - .md\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; - } + .lg\:dark\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } - .md\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; - } + .lg\:dark\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; - } + .lg\:dark\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } - .md\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; - } + .lg\:dark\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } - .md\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; - } + .lg\:dark\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } - .md\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; - } + .lg\:dark\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } - .md\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; - } + .lg\:dark\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; - } + .lg\:dark\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } - .md\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } - .md\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } - .md\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; - } + .lg\:dark\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } - .md\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; - } + .lg\:dark\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } - .md\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; - } + .lg\:dark\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } - .md\:hover\:-translate-y-1\/5:hover { - --transform-translate-y: -20%; - } + .lg\:dark\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } - .md\:hover\:-translate-y-2\/5:hover { - --transform-translate-y: -40%; - } + .lg\:dark\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } - .md\:hover\:-translate-y-3\/5:hover { - --transform-translate-y: -60%; - } + .lg\:dark\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } - .md\:hover\:-translate-y-4\/5:hover { - --transform-translate-y: -80%; - } + .lg\:dark\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } - .md\:hover\:-translate-y-1\/6:hover { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } - .md\:hover\:-translate-y-2\/6:hover { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } - .md\:hover\:-translate-y-3\/6:hover { - --transform-translate-y: -50%; - } + .lg\:dark\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } - .md\:hover\:-translate-y-4\/6:hover { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } - .md\:hover\:-translate-y-5\/6:hover { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } - .md\:hover\:-translate-y-1\/12:hover { - --transform-translate-y: -8.33333%; - } + .lg\:dark\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } - .md\:hover\:-translate-y-2\/12:hover { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } - .md\:hover\:-translate-y-3\/12:hover { - --transform-translate-y: -25%; - } + .lg\:dark\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } - .md\:hover\:-translate-y-4\/12:hover { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } - .md\:hover\:-translate-y-5\/12:hover { - --transform-translate-y: -41.66667%; - } + .lg\:dark\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } - .md\:hover\:-translate-y-6\/12:hover { - --transform-translate-y: -50%; - } + .lg\:dark\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } - .md\:hover\:-translate-y-7\/12:hover { - --transform-translate-y: -58.33333%; - } + .lg\:dark\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } - .md\:hover\:-translate-y-8\/12:hover { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } - .md\:hover\:-translate-y-9\/12:hover { - --transform-translate-y: -75%; - } + .lg\:dark\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } - .md\:hover\:-translate-y-10\/12:hover { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } - .md\:hover\:-translate-y-11\/12:hover { - --transform-translate-y: -91.66667%; - } + .lg\:dark\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } - .md\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; - } + .lg\:dark\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0; - } + .lg\:dark\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; - } + .lg\:dark\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; - } + .lg\:dark\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; - } + .lg\:dark\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; - } + .lg\:dark\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; - } + .lg\:dark\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; - } + .lg\:dark\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } - .md\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; - } + .lg\:dark\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; - } + .lg\:dark\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } - .md\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; - } + .lg\:dark\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } - .md\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; - } + .lg\:dark\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } - .md\:focus\:translate-x-11:focus { - --transform-translate-x: 2.75rem; - } + .lg\:dark\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; - } + .lg\:dark\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } - .md\:focus\:translate-x-13:focus { - --transform-translate-x: 3.25rem; - } + .lg\:dark\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } - .md\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; - } + .lg\:dark\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } - .md\:focus\:translate-x-15:focus { - --transform-translate-x: 3.75rem; - } + .lg\:dark\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; - } + .lg\:dark\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; - } + .lg\:dark\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; - } + .lg\:dark\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } - .md\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; - } + .lg\:dark\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; - } + .lg\:dark\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } - .md\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; - } + .lg\:dark\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; - } + .lg\:dark\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } - .md\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; - } + .lg\:dark\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; - } + .lg\:dark\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } - .md\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; - } + .lg\:dark\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; - } + .lg\:dark\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } - .md\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; - } + .lg\:dark\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; - } + .lg\:dark\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } - .md\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; - } + .lg\:dark\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } - .md\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; - } + .lg\:dark\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } - .md\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; - } + .lg\:dark\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; - } + .lg\:dark\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } - .md\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; - } + .lg\:dark\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } - .md\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; - } + .lg\:dark\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } - .md\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; - } + .lg\:dark\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } - .md\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; - } + .lg\:dark\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .md\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } - .md\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } - .md\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; - } + .lg\:dark\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } - .md\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; - } + .lg\:dark\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } - .md\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; - } + .lg\:dark\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } - .md\:focus\:translate-x-1\/5:focus { - --transform-translate-x: 20%; - } + .lg\:dark\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } - .md\:focus\:translate-x-2\/5:focus { - --transform-translate-x: 40%; - } + .lg\:dark\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } - .md\:focus\:translate-x-3\/5:focus { - --transform-translate-x: 60%; - } + .lg\:dark\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } - .md\:focus\:translate-x-4\/5:focus { - --transform-translate-x: 80%; - } + .lg\:dark\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } - .md\:focus\:translate-x-1\/6:focus { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:focus\:translate-x-2\/6:focus { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:focus\:translate-x-3\/6:focus { - --transform-translate-x: 50%; - } + .lg\:dark\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:focus\:translate-x-4\/6:focus { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:focus\:translate-x-5\/6:focus { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:focus\:translate-x-1\/12:focus { - --transform-translate-x: 8.333333%; - } + .lg\:dark\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:focus\:translate-x-2\/12:focus { - --transform-translate-x: 16.666667%; - } + .lg\:dark\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:focus\:translate-x-3\/12:focus { - --transform-translate-x: 25%; - } + .lg\:dark\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:focus\:translate-x-4\/12:focus { - --transform-translate-x: 33.333333%; - } + .lg\:dark\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:focus\:translate-x-5\/12:focus { - --transform-translate-x: 41.666667%; - } + .lg\:dark\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:focus\:translate-x-6\/12:focus { - --transform-translate-x: 50%; - } + .lg\:dark\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:focus\:translate-x-7\/12:focus { - --transform-translate-x: 58.333333%; - } + .lg\:dark\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:focus\:translate-x-8\/12:focus { - --transform-translate-x: 66.666667%; - } + .lg\:dark\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:focus\:translate-x-9\/12:focus { - --transform-translate-x: 75%; - } + .lg\:dark\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:focus\:translate-x-10\/12:focus { - --transform-translate-x: 83.333333%; - } + .lg\:dark\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:focus\:translate-x-11\/12:focus { - --transform-translate-x: 91.666667%; - } + .lg\:dark\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; - } + .lg\:dark\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; - } + .lg\:dark\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; - } + .lg\:dark\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; - } + .lg\:dark\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; - } + .lg\:dark\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; - } + .lg\:dark\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; - } + .lg\:dark\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; - } + .lg\:dark\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; - } + .lg\:dark\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; - } + .lg\:dark\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; - } + .lg\:dark\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:focus\:-translate-x-11:focus { - --transform-translate-x: -2.75rem; - } + .lg\:dark\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; - } + .lg\:dark\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:focus\:-translate-x-13:focus { - --transform-translate-x: -3.25rem; - } + .lg\:dark\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; - } + .lg\:dark\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:focus\:-translate-x-15:focus { - --transform-translate-x: -3.75rem; - } + .lg\:dark\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; - } + .lg\:dark\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; - } + .lg\:dark\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; - } + .lg\:dark\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; - } + .lg\:dark\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; - } + .lg\:dark\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; - } + .lg\:dark\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; - } + .lg\:dark\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; - } + .lg\:dark\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; - } + .lg\:dark\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; - } + .lg\:dark\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; - } + .lg\:dark\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; - } + .lg\:dark\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; - } + .lg\:dark\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; - } + .lg\:dark\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; - } + .lg\:dark\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; - } + .lg\:dark\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; - } + .lg\:dark\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; - } + .lg\:dark\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; - } + .lg\:dark\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; - } + .lg\:dark\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; - } + .lg\:dark\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; - } + .lg\:dark\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; - } + .lg\:dark\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; - } + .lg\:dark\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; - } + .lg\:dark\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:focus\:-translate-x-1\/5:focus { - --transform-translate-x: -20%; - } + .lg\:dark\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:focus\:-translate-x-2\/5:focus { - --transform-translate-x: -40%; - } + .lg\:dark\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:focus\:-translate-x-3\/5:focus { - --transform-translate-x: -60%; - } + .lg\:dark\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:focus\:-translate-x-4\/5:focus { - --transform-translate-x: -80%; - } + .lg\:dark\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:focus\:-translate-x-1\/6:focus { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:focus\:-translate-x-2\/6:focus { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:focus\:-translate-x-3\/6:focus { - --transform-translate-x: -50%; - } + .lg\:dark\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:focus\:-translate-x-4\/6:focus { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:focus\:-translate-x-5\/6:focus { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:focus\:-translate-x-1\/12:focus { - --transform-translate-x: -8.33333%; - } + .lg\:dark\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:focus\:-translate-x-2\/12:focus { - --transform-translate-x: -16.66667%; - } + .lg\:dark\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:focus\:-translate-x-3\/12:focus { - --transform-translate-x: -25%; - } + .lg\:dark\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:focus\:-translate-x-4\/12:focus { - --transform-translate-x: -33.33333%; - } + .lg\:dark\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:focus\:-translate-x-5\/12:focus { - --transform-translate-x: -41.66667%; - } + .lg\:dark\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:focus\:-translate-x-6\/12:focus { - --transform-translate-x: -50%; - } + .lg\:dark\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:focus\:-translate-x-7\/12:focus { - --transform-translate-x: -58.33333%; - } + .lg\:dark\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:focus\:-translate-x-8\/12:focus { - --transform-translate-x: -66.66667%; - } + .lg\:dark\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:focus\:-translate-x-9\/12:focus { - --transform-translate-x: -75%; - } + .lg\:dark\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:focus\:-translate-x-10\/12:focus { - --transform-translate-x: -83.33333%; - } + .lg\:dark\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:focus\:-translate-x-11\/12:focus { - --transform-translate-x: -91.66667%; - } + .lg\:dark\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; - } + .lg\:dark\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0; - } + .lg\:dark\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; - } + .lg\:dark\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; - } + .lg\:dark\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; - } + .lg\:dark\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; - } + .lg\:dark\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; - } + .lg\:dark\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; - } + .lg\:dark\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; - } + .lg\:dark\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; - } + .lg\:dark\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; - } + .lg\:dark\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; - } + .lg\:dark\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:focus\:translate-y-11:focus { - --transform-translate-y: 2.75rem; - } + .lg\:dark\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; - } + .lg\:dark\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:focus\:translate-y-13:focus { - --transform-translate-y: 3.25rem; - } + .lg\:dark\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; - } + .lg\:dark\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:focus\:translate-y-15:focus { - --transform-translate-y: 3.75rem; - } + .lg\:dark\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; - } + .lg\:dark\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; - } + .lg\:dark\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; - } + .lg\:dark\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; - } + .lg\:dark\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; - } + .lg\:dark\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; - } + .lg\:dark\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; - } + .lg\:dark\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; - } + .lg\:dark\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; - } + .lg\:dark\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; - } + .lg\:dark\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; - } + .lg\:dark\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; - } + .lg\:dark\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; - } + .lg\:dark\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .md\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; - } + .lg\:dark\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .md\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; - } + .lg\:dark\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .md\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; - } + .lg\:dark\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; - } + .lg\:dark\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .md\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; - } + .lg\:dark\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .md\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; - } + .lg\:dark\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .md\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; - } + .lg\:dark\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .md\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; - } + .lg\:dark\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; - } + .lg\:dark\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .md\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .md\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .md\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; - } + .lg\:dark\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .md\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; - } + .lg\:dark\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .md\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; - } + .lg\:dark\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .md\:focus\:translate-y-1\/5:focus { - --transform-translate-y: 20%; - } + .lg\:dark\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .md\:focus\:translate-y-2\/5:focus { - --transform-translate-y: 40%; - } + .lg\:dark\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .md\:focus\:translate-y-3\/5:focus { - --transform-translate-y: 60%; - } + .lg\:dark\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .md\:focus\:translate-y-4\/5:focus { - --transform-translate-y: 80%; - } + .lg\:dark\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .md\:focus\:translate-y-1\/6:focus { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .md\:focus\:translate-y-2\/6:focus { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .md\:focus\:translate-y-3\/6:focus { - --transform-translate-y: 50%; - } + .lg\:dark\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .md\:focus\:translate-y-4\/6:focus { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .md\:focus\:translate-y-5\/6:focus { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .md\:focus\:translate-y-1\/12:focus { - --transform-translate-y: 8.333333%; - } + .lg\:dark\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .md\:focus\:translate-y-2\/12:focus { - --transform-translate-y: 16.666667%; - } + .lg\:dark\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .md\:focus\:translate-y-3\/12:focus { - --transform-translate-y: 25%; - } + .lg\:dark\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .md\:focus\:translate-y-4\/12:focus { - --transform-translate-y: 33.333333%; - } + .lg\:dark\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .md\:focus\:translate-y-5\/12:focus { - --transform-translate-y: 41.666667%; - } + .lg\:dark\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .md\:focus\:translate-y-6\/12:focus { - --transform-translate-y: 50%; - } + .lg\:dark\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .md\:focus\:translate-y-7\/12:focus { - --transform-translate-y: 58.333333%; - } + .lg\:dark\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .md\:focus\:translate-y-8\/12:focus { - --transform-translate-y: 66.666667%; - } + .lg\:dark\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .md\:focus\:translate-y-9\/12:focus { - --transform-translate-y: 75%; - } + .lg\:dark\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .md\:focus\:translate-y-10\/12:focus { - --transform-translate-y: 83.333333%; - } + .lg\:dark\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .md\:focus\:translate-y-11\/12:focus { - --transform-translate-y: 91.666667%; - } + .lg\:dark\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; - } + .lg\:dark\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; - } + .lg\:dark\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; - } + .lg\:dark\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; - } + .lg\:dark\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; - } + .lg\:dark\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; - } + .lg\:dark\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; - } + .lg\:dark\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .md\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; - } + .lg\:dark\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; - } + .lg\:dark\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .md\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; - } + .lg\:dark\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; - } + .lg\:dark\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .md\:focus\:-translate-y-11:focus { - --transform-translate-y: -2.75rem; - } + .lg\:dark\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; - } + .lg\:dark\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .md\:focus\:-translate-y-13:focus { - --transform-translate-y: -3.25rem; - } + .lg\:dark\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .md\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; - } + .lg\:dark\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .md\:focus\:-translate-y-15:focus { - --transform-translate-y: -3.75rem; - } + .lg\:dark\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; - } + .lg\:dark\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; - } + .lg\:dark\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; - } + .lg\:dark\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .md\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; - } + .lg\:dark\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; - } + .lg\:dark\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .md\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; - } + .lg\:dark\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; - } + .lg\:dark\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .md\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; - } + .lg\:dark\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; - } + .lg\:dark\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .md\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; - } + .lg\:dark\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; - } + .lg\:dark\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .md\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; - } + .lg\:dark\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; - } + .lg\:dark\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .md\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; - } + .lg\:dark\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .md\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; - } + .lg\:dark\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .md\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; - } + .lg\:dark\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; - } + .lg\:dark\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .md\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; - } + .lg\:dark\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .md\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; - } + .lg\:dark\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .md\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; - } + .lg\:dark\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .md\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; - } + .lg\:dark\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; - } + .lg\:dark\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .md\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .md\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .md\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; - } + .lg\:dark\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .md\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; - } + .lg\:dark\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .md\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; - } + .lg\:dark\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .md\:focus\:-translate-y-1\/5:focus { - --transform-translate-y: -20%; - } + .lg\:dark\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .md\:focus\:-translate-y-2\/5:focus { - --transform-translate-y: -40%; - } + .lg\:dark\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .md\:focus\:-translate-y-3\/5:focus { - --transform-translate-y: -60%; - } + .lg\:dark\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .md\:focus\:-translate-y-4\/5:focus { - --transform-translate-y: -80%; - } + .lg\:dark\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .md\:focus\:-translate-y-1\/6:focus { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .md\:focus\:-translate-y-2\/6:focus { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .md\:focus\:-translate-y-3\/6:focus { - --transform-translate-y: -50%; - } + .lg\:dark\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .md\:focus\:-translate-y-4\/6:focus { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .md\:focus\:-translate-y-5\/6:focus { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .md\:focus\:-translate-y-1\/12:focus { - --transform-translate-y: -8.33333%; - } + .lg\:dark\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .md\:focus\:-translate-y-2\/12:focus { - --transform-translate-y: -16.66667%; - } + .lg\:dark\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .md\:focus\:-translate-y-3\/12:focus { - --transform-translate-y: -25%; - } + .lg\:dark\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .md\:focus\:-translate-y-4\/12:focus { - --transform-translate-y: -33.33333%; - } + .lg\:dark\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .md\:focus\:-translate-y-5\/12:focus { - --transform-translate-y: -41.66667%; - } + .lg\:dark\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .md\:focus\:-translate-y-6\/12:focus { - --transform-translate-y: -50%; - } + .lg\:dark\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .md\:focus\:-translate-y-7\/12:focus { - --transform-translate-y: -58.33333%; - } + .lg\:dark\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .md\:focus\:-translate-y-8\/12:focus { - --transform-translate-y: -66.66667%; - } + .lg\:dark\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .md\:focus\:-translate-y-9\/12:focus { - --transform-translate-y: -75%; - } + .lg\:dark\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .md\:focus\:-translate-y-10\/12:focus { - --transform-translate-y: -83.33333%; - } + .lg\:dark\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .md\:focus\:-translate-y-11\/12:focus { - --transform-translate-y: -91.66667%; - } + .lg\:dark\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; - } + .lg\:dark\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .md\:skew-x-0 { - --transform-skew-x: 0; - } + .lg\:dark\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .md\:skew-x-3 { - --transform-skew-x: 3deg; - } + .lg\:dark\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .md\:skew-x-6 { - --transform-skew-x: 6deg; - } + .lg\:dark\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .md\:skew-x-12 { - --transform-skew-x: 12deg; - } + .lg\:dark\:focus\:to-black:focus { + --gradient-to-color: #000000; + } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; - } + .lg\:dark\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; - } + .lg\:dark\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; - } + .lg\:dark\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } - .md\:skew-y-0 { - --transform-skew-y: 0; - } + .lg\:dark\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } - .md\:skew-y-3 { - --transform-skew-y: 3deg; - } + .lg\:dark\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } - .md\:skew-y-6 { - --transform-skew-y: 6deg; - } + .lg\:dark\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } - .md\:skew-y-12 { - --transform-skew-y: 12deg; - } + .lg\:dark\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; - } + .lg\:dark\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; - } + .lg\:dark\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; - } + .lg\:dark\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; - } + .lg\:dark\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; - } + .lg\:dark\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; - } + .lg\:dark\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; - } + .lg\:dark\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; - } + .lg\:dark\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; - } + .lg\:dark\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; - } + .lg\:dark\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; - } + .lg\:dark\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; - } + .lg\:dark\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; - } + .lg\:dark\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; - } + .lg\:dark\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; - } + .lg\:dark\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; - } + .lg\:dark\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; - } + .lg\:dark\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; - } + .lg\:dark\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; - } + .lg\:dark\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; - } + .lg\:dark\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; - } + .lg\:dark\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; - } + .lg\:dark\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; - } + .lg\:dark\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; - } + .lg\:dark\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; - } + .lg\:dark\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; - } + .lg\:dark\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } - .md\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; - } + .lg\:dark\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; - } + .lg\:dark\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } + .lg\:dark\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; - } + .lg\:dark\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; - } + .lg\:dark\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } - .md\:transition-none { - transition-property: none; - } + .lg\:dark\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } - .md\:transition-all { - transition-property: all; - } + .lg\:dark\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; - } + .lg\:dark\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - } + .lg\:dark\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } - .md\:transition-opacity { - transition-property: opacity; - } + .lg\:dark\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } - .md\:transition-shadow { - transition-property: box-shadow; - } + .lg\:dark\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } - .md\:transition-transform { - transition-property: transform; - } + .lg\:dark\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } - .md\:ease-linear { - transition-timing-function: linear; - } + .lg\:dark\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } + .lg\:dark\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } + .lg\:dark\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } + .lg\:dark\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } - .md\:duration-75 { - transition-duration: 75ms; - } + .lg\:dark\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } - .md\:duration-100 { - transition-duration: 100ms; - } + .lg\:dark\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } - .md\:duration-150 { - transition-duration: 150ms; - } + .lg\:dark\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } - .md\:duration-200 { - transition-duration: 200ms; - } + .lg\:dark\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } - .md\:duration-300 { - transition-duration: 300ms; - } + .lg\:dark\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } - .md\:duration-500 { - transition-duration: 500ms; - } + .lg\:dark\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } - .md\:duration-700 { - transition-duration: 700ms; - } + .lg\:dark\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } - .md\:duration-1000 { - transition-duration: 1000ms; - } + .lg\:dark\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } - .md\:delay-75 { - transition-delay: 75ms; - } + .lg\:dark\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } - .md\:delay-100 { - transition-delay: 100ms; - } + .lg\:dark\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } - .md\:delay-150 { - transition-delay: 150ms; - } + .lg\:dark\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } - .md\:delay-200 { - transition-delay: 200ms; - } + .lg\:dark\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } - .md\:delay-300 { - transition-delay: 300ms; - } + .lg\:dark\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } - .md\:delay-500 { - transition-delay: 500ms; - } + .lg\:dark\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } - .md\:delay-700 { - transition-delay: 700ms; - } + .lg\:dark\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } - .md\:delay-1000 { - transition-delay: 1000ms; - } + .lg\:dark\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } - .md\:animate-none { - animation: none; - } + .lg\:dark\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } - .md\:animate-spin { - animation: spin 1s linear infinite; - } + .lg\:dark\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } + .lg\:dark\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } + .lg\:dark\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } - .md\:animate-bounce { - animation: bounce 1s infinite; - } + .lg\:dark\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } - .md\:example { - font-weight: 700; - color: #f05252; - } -} + .lg\:dark\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } -@media (min-width: 1024px) { - .lg\:container { - width: 100%; - } + .lg\:dark\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; + .lg\:dark\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; } - } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; + .lg\:dark\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; } - } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; + .lg\:dark\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; } - } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; + .lg\:dark\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; } - } - .lg\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0px * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } - .lg\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0px * var(--space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } - .lg\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.25rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } - .lg\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.25rem * var(--space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } - .lg\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.5rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } - .lg\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.5rem * var(--space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } - .lg\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.75rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } - .lg\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.75rem * var(--space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } - .lg\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } - .lg\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1rem * var(--space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } - .lg\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.25rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } - .lg\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.25rem * var(--space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } - .lg\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.5rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } - .lg\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.5rem * var(--space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } - .lg\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.75rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } - .lg\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.75rem * var(--space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .lg\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } - .lg\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2rem * var(--space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } - .lg\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.25rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } - .lg\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.25rem * var(--space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } - .lg\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.5rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } - .lg\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.5rem * var(--space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } - .lg\:space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.75rem * var(--space-y-reverse)); - } + .lg\:dark\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } - .lg\:space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.75rem * var(--space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); - } + .lg\:dark\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } - .lg\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3rem * var(--space-y-reverse)); + .lg\:dark\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } } - .lg\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3rem * var(--space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-opacity-0 { + --bg-opacity: 0; } - .lg\:space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.25rem * var(--space-y-reverse)); + .lg\:bg-opacity-25 { + --bg-opacity: 0.25; } - .lg\:space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.25rem * var(--space-x-reverse)); - margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-opacity-50 { + --bg-opacity: 0.5; } - .lg\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.5rem * var(--space-y-reverse)); + .lg\:bg-opacity-75 { + --bg-opacity: 0.75; } - .lg\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.5rem * var(--space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-opacity-100 { + --bg-opacity: 1; } - .lg\:space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.75rem * var(--space-y-reverse)); + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .lg\:space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.75rem * var(--space-x-reverse)); - margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .lg\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(4rem * var(--space-y-reverse)); + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .lg\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(4rem * var(--space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .lg\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(5rem * var(--space-y-reverse)); + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .lg\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(5rem * var(--space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .lg\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(6rem * var(--space-y-reverse)); + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .lg\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(6rem * var(--space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .lg\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(7rem * var(--space-y-reverse)); + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .lg\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(7rem * var(--space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .lg\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8rem * var(--space-y-reverse)); + .lg\:bg-bottom { + background-position: bottom; } - .lg\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8rem * var(--space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-center { + background-position: center; } - .lg\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(9rem * var(--space-y-reverse)); + .lg\:bg-left { + background-position: left; } - .lg\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(9rem * var(--space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-left-bottom { + background-position: left bottom; } - .lg\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(10rem * var(--space-y-reverse)); + .lg\:bg-left-top { + background-position: left top; } - .lg\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(10rem * var(--space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-right { + background-position: right; } - .lg\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(11rem * var(--space-y-reverse)); + .lg\:bg-right-bottom { + background-position: right bottom; } - .lg\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(11rem * var(--space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-right-top { + background-position: right top; } - .lg\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(12rem * var(--space-y-reverse)); + .lg\:bg-top { + background-position: top; } - .lg\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(12rem * var(--space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-repeat { + background-repeat: repeat; } - .lg\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(13rem * var(--space-y-reverse)); + .lg\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(13rem * var(--space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(14rem * var(--space-y-reverse)); + .lg\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(14rem * var(--space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-repeat-round { + background-repeat: round; } - .lg\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(15rem * var(--space-y-reverse)); + .lg\:bg-repeat-space { + background-repeat: space; } - .lg\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(15rem * var(--space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-auto { + background-size: auto; } - .lg\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16rem * var(--space-y-reverse)); + .lg\:bg-cover { + background-size: cover; } - .lg\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16rem * var(--space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); + .lg\:bg-contain { + background-size: contain; } - .lg\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(18rem * var(--space-y-reverse)); + .lg\:border-collapse { + border-collapse: collapse; } - .lg\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(18rem * var(--space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); + .lg\:border-separate { + border-collapse: separate; } - .lg\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20rem * var(--space-y-reverse)); + .lg\:border-transparent { + border-color: transparent; } - .lg\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20rem * var(--space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); + .lg\:border-current { + border-color: currentColor; } - .lg\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(24rem * var(--space-y-reverse)); + .lg\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(24rem * var(--space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); + .lg\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1px * var(--space-y-reverse)); + .lg\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .lg\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1px * var(--space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--space-x-reverse))); + .lg\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .lg\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.125rem * var(--space-y-reverse)); + .lg\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .lg\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.125rem * var(--space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .lg\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.375rem * var(--space-y-reverse)); + .lg\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .lg\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.375rem * var(--space-x-reverse)); - margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .lg\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.625rem * var(--space-y-reverse)); + .lg\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .lg\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.625rem * var(--space-x-reverse)); - margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .lg\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.875rem * var(--space-y-reverse)); + .lg\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .lg\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.875rem * var(--space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .lg\:space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .lg\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .lg\:space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .lg\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .lg\:space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .lg\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .lg\:space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .lg\:space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .lg\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .lg\:space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .lg\:space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .lg\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .lg\:space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .lg\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .lg\:space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .lg\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .lg\:space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .lg\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .lg\:space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .lg\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .lg\:space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .lg\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .lg\:space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20% * var(--space-y-reverse)); + .lg\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .lg\:space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20% * var(--space-x-reverse)); - margin-left: calc(20% * calc(1 - var(--space-x-reverse))); + .lg\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .lg\:space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(40% * var(--space-y-reverse)); + .lg\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .lg\:space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(40% * var(--space-x-reverse)); - margin-left: calc(40% * calc(1 - var(--space-x-reverse))); + .lg\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .lg\:space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(60% * var(--space-y-reverse)); + .lg\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .lg\:space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(60% * var(--space-x-reverse)); - margin-left: calc(60% * calc(1 - var(--space-x-reverse))); + .lg\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .lg\:space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(80% * var(--space-y-reverse)); + .lg\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .lg\:space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(80% * var(--space-x-reverse)); - margin-left: calc(80% * calc(1 - var(--space-x-reverse))); + .lg\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .lg\:space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .lg\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .lg\:space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .lg\:space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .lg\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .lg\:space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .lg\:space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .lg\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .lg\:space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .lg\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .lg\:space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .lg\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .lg\:space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .lg\:space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .lg\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .lg\:space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .lg\:space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8.333333% * var(--space-y-reverse)); + .lg\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .lg\:space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8.333333% * var(--space-x-reverse)); - margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .lg\:space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .lg\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .lg\:space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .lg\:space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .lg\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .lg\:space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .lg\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .lg\:space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .lg\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .lg\:space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .lg\:space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(41.666667% * var(--space-y-reverse)); + .lg\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .lg\:space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(41.666667% * var(--space-x-reverse)); - margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .lg\:space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .lg\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .lg\:space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .lg\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .lg\:space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(58.333333% * var(--space-y-reverse)); + .lg\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .lg\:space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(58.333333% * var(--space-x-reverse)); - margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } - .lg\:space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .lg\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } - .lg\:space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } - .lg\:space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .lg\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } - .lg\:space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .lg\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } - .lg\:space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .lg\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } - .lg\:space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .lg\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } - .lg\:space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(91.666667% * var(--space-y-reverse)); + .lg\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } - .lg\:space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(91.666667% * var(--space-x-reverse)); - margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); + .lg\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } - .lg\:space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(100% * var(--space-y-reverse)); + .lg\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } - .lg\:space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(100% * var(--space-x-reverse)); - margin-left: calc(100% * calc(1 - var(--space-x-reverse))); + .lg\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } - .lg\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + .lg\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } - .lg\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.25rem * var(--space-x-reverse)); - margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } - .lg\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.5rem * var(--space-y-reverse)); + .lg\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } - .lg\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.5rem * var(--space-x-reverse)); - margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } - .lg\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.75rem * var(--space-y-reverse)); + .lg\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } - .lg\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.75rem * var(--space-x-reverse)); - margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } - .lg\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1rem * var(--space-y-reverse)); + .lg\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } - .lg\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1rem * var(--space-x-reverse)); - margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); + .lg\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } - .lg\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--space-y-reverse)); + .lg\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } - .lg\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } - .lg\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.5rem * var(--space-y-reverse)); + .lg\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .lg\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.5rem * var(--space-x-reverse)); - margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } - .lg\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--space-y-reverse)); + .lg\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } - .lg\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } - .lg\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2rem * var(--space-y-reverse)); + .lg\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } - .lg\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2rem * var(--space-x-reverse)); - margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); + .lg\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } - .lg\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--space-y-reverse)); + .lg\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } - .lg\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } - .lg\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.5rem * var(--space-y-reverse)); + .lg\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } - .lg\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } - .lg\:-space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--space-y-reverse)); + .lg\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } - .lg\:-space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); + .lg\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } - .lg\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3rem * var(--space-y-reverse)); + .lg\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } - .lg\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3rem * var(--space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + .lg\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } - .lg\:-space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.25rem * var(--space-y-reverse)); + .lg\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } - .lg\:-space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.25rem * var(--space-x-reverse)); - margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); + .lg\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } - .lg\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--space-y-reverse)); + .lg\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } - .lg\:-space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.75rem * var(--space-y-reverse)); + .lg\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } - .lg\:-space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.75rem * var(--space-x-reverse)); - margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); + .lg\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } - .lg\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-4rem * var(--space-y-reverse)); + .lg\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } - .lg\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-4rem * var(--space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + .lg\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } - .lg\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-5rem * var(--space-y-reverse)); + .lg\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } - .lg\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-5rem * var(--space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + .lg\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } - .lg\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-6rem * var(--space-y-reverse)); + .lg\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } - .lg\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-6rem * var(--space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + .lg\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } - .lg\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-7rem * var(--space-y-reverse)); + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-7rem * var(--space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-current:hover { + border-color: currentColor; } - .lg\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8rem * var(--space-y-reverse)); + .lg\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8rem * var(--space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-9rem * var(--space-y-reverse)); + .lg\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .lg\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-9rem * var(--space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .lg\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-10rem * var(--space-y-reverse)); + .lg\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .lg\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-10rem * var(--space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .lg\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-11rem * var(--space-y-reverse)); + .lg\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .lg\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-11rem * var(--space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .lg\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-12rem * var(--space-y-reverse)); + .lg\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .lg\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-12rem * var(--space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .lg\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-13rem * var(--space-y-reverse)); + .lg\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .lg\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-13rem * var(--space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .lg\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-14rem * var(--space-y-reverse)); + .lg\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .lg\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-14rem * var(--space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .lg\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-15rem * var(--space-y-reverse)); + .lg\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .lg\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-15rem * var(--space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .lg\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16rem * var(--space-y-reverse)); + .lg\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .lg\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16rem * var(--space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .lg\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-18rem * var(--space-y-reverse)); + .lg\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .lg\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-18rem * var(--space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .lg\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20rem * var(--space-y-reverse)); + .lg\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .lg\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20rem * var(--space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .lg\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-24rem * var(--space-y-reverse)); + .lg\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .lg\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-24rem * var(--space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .lg\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1px * var(--space-y-reverse)); + .lg\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .lg\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1px * var(--space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .lg\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.125rem * var(--space-y-reverse)); + .lg\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .lg\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.375rem * var(--space-y-reverse)); + .lg\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.375rem * var(--space-x-reverse)); - margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .lg\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.625rem * var(--space-y-reverse)); + .lg\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.625rem * var(--space-x-reverse)); - margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .lg\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--space-y-reverse)); + .lg\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .lg\:-space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .lg\:-space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .lg\:-space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .lg\:-space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .lg\:-space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .lg\:-space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .lg\:-space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .lg\:-space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .lg\:-space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .lg\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .lg\:-space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .lg\:-space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .lg\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .lg\:-space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .lg\:-space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20% * var(--space-y-reverse)); + .lg\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .lg\:-space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20% * var(--space-x-reverse)); - margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .lg\:-space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-40% * var(--space-y-reverse)); + .lg\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .lg\:-space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-40% * var(--space-x-reverse)); - margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .lg\:-space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-60% * var(--space-y-reverse)); + .lg\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .lg\:-space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-60% * var(--space-x-reverse)); - margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .lg\:-space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-80% * var(--space-y-reverse)); + .lg\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .lg\:-space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-80% * var(--space-x-reverse)); - margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .lg\:-space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .lg\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .lg\:-space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); } - .lg\:-space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .lg\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); } - .lg\:-space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); } - .lg\:-space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .lg\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); } - .lg\:-space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); } - .lg\:-space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .lg\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); } - .lg\:-space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); } - .lg\:-space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .lg\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); } - .lg\:-space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); } - .lg\:-space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8.33333% * var(--space-y-reverse)); + .lg\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); } - .lg\:-space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8.33333% * var(--space-x-reverse)); - margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); } - .lg\:-space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .lg\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); } - .lg\:-space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); } - .lg\:-space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .lg\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); } - .lg\:-space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); } - .lg\:-space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .lg\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); } - .lg\:-space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); } - .lg\:-space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-41.66667% * var(--space-y-reverse)); + .lg\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); } - .lg\:-space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-41.66667% * var(--space-x-reverse)); - margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); } - .lg\:-space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .lg\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); } - .lg\:-space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); } - .lg\:-space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-58.33333% * var(--space-y-reverse)); + .lg\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .lg\:-space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-58.33333% * var(--space-x-reverse)); - margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); } - .lg\:-space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .lg\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); } - .lg\:-space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); } - .lg\:-space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .lg\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); } - .lg\:-space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); } - .lg\:-space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .lg\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); } - .lg\:-space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); } - .lg\:-space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-91.66667% * var(--space-y-reverse)); + .lg\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); } - .lg\:-space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-91.66667% * var(--space-x-reverse)); - margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); } - .lg\:-space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-100% * var(--space-y-reverse)); + .lg\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); } - .lg\:-space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-100% * var(--space-x-reverse)); - margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); + .lg\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); } - .lg\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .lg\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); } - .lg\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .lg\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); } - .lg\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(0px * var(--divide-y-reverse)); + .lg\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); } - .lg\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(0px * var(--divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .lg\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); } - .lg\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(2px * var(--divide-y-reverse)); + .lg\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(2px * var(--divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .lg\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); } - .lg\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(4px * var(--divide-y-reverse)); + .lg\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); } - .lg\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(4px * var(--divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .lg\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); } - .lg\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(8px * var(--divide-y-reverse)); + .lg\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); } - .lg\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(8px * var(--divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .lg\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); } - .lg\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(1px * var(--divide-y-reverse)); + .lg\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); } - .lg\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(1px * var(--divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .lg\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); } - .lg\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .lg\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); } - .lg\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .lg\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); } - .lg\:divide-transparent > :not(template) ~ :not(template) { + .lg\:focus\:border-transparent:focus { border-color: transparent; } - .lg\:divide-current > :not(template) ~ :not(template) { + .lg\:focus\:border-current:focus { border-color: currentColor; } - .lg\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-black:focus { + --border-opacity: 1; border-color: #000000; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-white:focus { + --border-opacity: 1; border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-50:focus { + --border-opacity: 1; border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--divide-opacity)); + border-color: rgba(249, 250, 251, var(--border-opacity)); } - .lg\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-100:focus { + --border-opacity: 1; border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--divide-opacity)); + border-color: rgba(244, 245, 247, var(--border-opacity)); } - .lg\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-200:focus { + --border-opacity: 1; border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--divide-opacity)); + border-color: rgba(229, 231, 235, var(--border-opacity)); } - .lg\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-300:focus { + --border-opacity: 1; border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--divide-opacity)); + border-color: rgba(210, 214, 220, var(--border-opacity)); } - .lg\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-400:focus { + --border-opacity: 1; border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--divide-opacity)); + border-color: rgba(159, 166, 178, var(--border-opacity)); } - .lg\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-500:focus { + --border-opacity: 1; border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--divide-opacity)); + border-color: rgba(107, 114, 128, var(--border-opacity)); } - .lg\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-600:focus { + --border-opacity: 1; border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--divide-opacity)); + border-color: rgba(75, 85, 99, var(--border-opacity)); } - .lg\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-700:focus { + --border-opacity: 1; border-color: #374151; - border-color: rgba(55, 65, 81, var(--divide-opacity)); + border-color: rgba(55, 65, 81, var(--border-opacity)); } - .lg\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-800:focus { + --border-opacity: 1; border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--divide-opacity)); + border-color: rgba(37, 47, 63, var(--border-opacity)); } - .lg\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-gray-900:focus { + --border-opacity: 1; border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--divide-opacity)); + border-color: rgba(22, 30, 46, var(--border-opacity)); } - .lg\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-50:focus { + --border-opacity: 1; border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--divide-opacity)); + border-color: rgba(253, 242, 242, var(--border-opacity)); } - .lg\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-100:focus { + --border-opacity: 1; border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--divide-opacity)); + border-color: rgba(253, 232, 232, var(--border-opacity)); } - .lg\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-200:focus { + --border-opacity: 1; border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--divide-opacity)); + border-color: rgba(251, 213, 213, var(--border-opacity)); } - .lg\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-300:focus { + --border-opacity: 1; border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--divide-opacity)); + border-color: rgba(248, 180, 180, var(--border-opacity)); } - .lg\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-400:focus { + --border-opacity: 1; border-color: #f98080; - border-color: rgba(249, 128, 128, var(--divide-opacity)); + border-color: rgba(249, 128, 128, var(--border-opacity)); } - .lg\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-500:focus { + --border-opacity: 1; border-color: #f05252; - border-color: rgba(240, 82, 82, var(--divide-opacity)); + border-color: rgba(240, 82, 82, var(--border-opacity)); } - .lg\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-600:focus { + --border-opacity: 1; border-color: #e02424; - border-color: rgba(224, 36, 36, var(--divide-opacity)); + border-color: rgba(224, 36, 36, var(--border-opacity)); } - .lg\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-700:focus { + --border-opacity: 1; border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--divide-opacity)); + border-color: rgba(200, 30, 30, var(--border-opacity)); } - .lg\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-800:focus { + --border-opacity: 1; border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--divide-opacity)); + border-color: rgba(155, 28, 28, var(--border-opacity)); } - .lg\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-red-900:focus { + --border-opacity: 1; border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--divide-opacity)); + border-color: rgba(119, 29, 29, var(--border-opacity)); } - .lg\:divide-orange-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-50:focus { + --border-opacity: 1; border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--divide-opacity)); + border-color: rgba(255, 248, 241, var(--border-opacity)); } - .lg\:divide-orange-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-100:focus { + --border-opacity: 1; border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--divide-opacity)); + border-color: rgba(254, 236, 220, var(--border-opacity)); } - .lg\:divide-orange-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-200:focus { + --border-opacity: 1; border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--divide-opacity)); + border-color: rgba(252, 217, 189, var(--border-opacity)); } - .lg\:divide-orange-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-300:focus { + --border-opacity: 1; border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--divide-opacity)); + border-color: rgba(253, 186, 140, var(--border-opacity)); } - .lg\:divide-orange-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-400:focus { + --border-opacity: 1; border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--divide-opacity)); + border-color: rgba(255, 138, 76, var(--border-opacity)); } - .lg\:divide-orange-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-500:focus { + --border-opacity: 1; border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--divide-opacity)); + border-color: rgba(255, 90, 31, var(--border-opacity)); } - .lg\:divide-orange-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-600:focus { + --border-opacity: 1; border-color: #d03801; - border-color: rgba(208, 56, 1, var(--divide-opacity)); + border-color: rgba(208, 56, 1, var(--border-opacity)); } - .lg\:divide-orange-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-700:focus { + --border-opacity: 1; border-color: #b43403; - border-color: rgba(180, 52, 3, var(--divide-opacity)); + border-color: rgba(180, 52, 3, var(--border-opacity)); } - .lg\:divide-orange-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-800:focus { + --border-opacity: 1; border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--divide-opacity)); + border-color: rgba(138, 44, 13, var(--border-opacity)); } - .lg\:divide-orange-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-orange-900:focus { + --border-opacity: 1; border-color: #73230d; - border-color: rgba(115, 35, 13, var(--divide-opacity)); + border-color: rgba(115, 35, 13, var(--border-opacity)); } - .lg\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-50:focus { + --border-opacity: 1; border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--divide-opacity)); + border-color: rgba(253, 253, 234, var(--border-opacity)); } - .lg\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1; border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--divide-opacity)); + border-color: rgba(253, 246, 178, var(--border-opacity)); } - .lg\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1; border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--divide-opacity)); + border-color: rgba(252, 233, 106, var(--border-opacity)); } - .lg\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1; border-color: #faca15; - border-color: rgba(250, 202, 21, var(--divide-opacity)); + border-color: rgba(250, 202, 21, var(--border-opacity)); } - .lg\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1; border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--divide-opacity)); + border-color: rgba(227, 160, 8, var(--border-opacity)); } - .lg\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1; border-color: #c27803; - border-color: rgba(194, 120, 3, var(--divide-opacity)); + border-color: rgba(194, 120, 3, var(--border-opacity)); } - .lg\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1; border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--divide-opacity)); + border-color: rgba(159, 88, 10, var(--border-opacity)); } - .lg\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1; border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--divide-opacity)); + border-color: rgba(142, 75, 16, var(--border-opacity)); } - .lg\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1; border-color: #723b13; - border-color: rgba(114, 59, 19, var(--divide-opacity)); + border-color: rgba(114, 59, 19, var(--border-opacity)); } - .lg\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1; border-color: #633112; - border-color: rgba(99, 49, 18, var(--divide-opacity)); + border-color: rgba(99, 49, 18, var(--border-opacity)); } - .lg\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-50:focus { + --border-opacity: 1; border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--divide-opacity)); + border-color: rgba(243, 250, 247, var(--border-opacity)); } - .lg\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-100:focus { + --border-opacity: 1; border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--divide-opacity)); + border-color: rgba(222, 247, 236, var(--border-opacity)); } - .lg\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-200:focus { + --border-opacity: 1; border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--divide-opacity)); + border-color: rgba(188, 240, 218, var(--border-opacity)); } - .lg\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-300:focus { + --border-opacity: 1; border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--divide-opacity)); + border-color: rgba(132, 225, 188, var(--border-opacity)); } - .lg\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-400:focus { + --border-opacity: 1; border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--divide-opacity)); + border-color: rgba(49, 196, 141, var(--border-opacity)); } - .lg\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-500:focus { + --border-opacity: 1; border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--divide-opacity)); + border-color: rgba(14, 159, 110, var(--border-opacity)); } - .lg\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-600:focus { + --border-opacity: 1; border-color: #057a55; - border-color: rgba(5, 122, 85, var(--divide-opacity)); + border-color: rgba(5, 122, 85, var(--border-opacity)); } - .lg\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-700:focus { + --border-opacity: 1; border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--divide-opacity)); + border-color: rgba(4, 108, 78, var(--border-opacity)); } - .lg\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-800:focus { + --border-opacity: 1; border-color: #03543f; - border-color: rgba(3, 84, 63, var(--divide-opacity)); + border-color: rgba(3, 84, 63, var(--border-opacity)); } - .lg\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-green-900:focus { + --border-opacity: 1; border-color: #014737; - border-color: rgba(1, 71, 55, var(--divide-opacity)); + border-color: rgba(1, 71, 55, var(--border-opacity)); } - .lg\:divide-teal-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-teal-50:focus { + --border-opacity: 1; border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--divide-opacity)); + border-color: rgba(237, 250, 250, var(--border-opacity)); } - .lg\:divide-teal-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-teal-100:focus { + --border-opacity: 1; border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--divide-opacity)); + border-color: rgba(213, 245, 246, var(--border-opacity)); } - .lg\:divide-teal-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-teal-200:focus { + --border-opacity: 1; border-color: #afecef; - border-color: rgba(175, 236, 239, var(--divide-opacity)); + border-color: rgba(175, 236, 239, var(--border-opacity)); } - .lg\:divide-teal-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:focus\:border-teal-300:focus { + --border-opacity: 1; border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--divide-opacity)); + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .lg\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .lg\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .lg\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .lg\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .lg\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .lg\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .lg\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .lg\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .lg\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .lg\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .lg\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .lg\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .lg\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .lg\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .lg\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .lg\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); } - .lg\:divide-teal-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--divide-opacity)); - } + .lg\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .lg\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .lg\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .lg\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .lg\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .lg\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .lg\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .lg\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .lg\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .lg\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .lg\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .lg\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .lg\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .lg\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .lg\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .lg\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .lg\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .lg\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .lg\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .lg\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .lg\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .lg\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + @media (prefers-color-scheme: dark) { + .lg\:dark\:border-transparent { + border-color: transparent; + } + + .lg\:dark\:border-current { + border-color: currentColor; + } + + .lg\:dark\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .lg\:dark\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .lg\:dark\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .lg\:dark\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .lg\:dark\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .lg\:dark\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .lg\:dark\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .lg\:dark\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .lg\:dark\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .lg\:dark\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .lg\:dark\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .lg\:dark\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .lg\:dark\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .lg\:dark\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .lg\:dark\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .lg\:dark\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .lg\:dark\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .lg\:dark\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .lg\:dark\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .lg\:dark\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .lg\:dark\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .lg\:dark\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .lg\:dark\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .lg\:dark\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .lg\:dark\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .lg\:dark\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .lg\:dark\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .lg\:dark\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .lg\:dark\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .lg\:dark\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .lg\:dark\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .lg\:dark\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .lg\:dark\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .lg\:dark\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .lg\:dark\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .lg\:dark\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .lg\:dark\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .lg\:dark\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .lg\:dark\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .lg\:dark\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .lg\:dark\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .lg\:dark\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .lg\:dark\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .lg\:dark\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .lg\:dark\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .lg\:dark\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .lg\:dark\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .lg\:dark\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .lg\:dark\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .lg\:dark\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .lg\:dark\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .lg\:dark\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .lg\:dark\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .lg\:dark\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .lg\:dark\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .lg\:dark\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .lg\:dark\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .lg\:dark\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .lg\:dark\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .lg\:dark\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .lg\:dark\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .lg\:dark\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .lg\:dark\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .lg\:dark\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .lg\:dark\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .lg\:dark\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .lg\:dark\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .lg\:dark\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .lg\:dark\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .lg\:dark\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .lg\:dark\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .lg\:dark\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .lg\:dark\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .lg\:dark\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .lg\:dark\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .lg\:dark\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .lg\:dark\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .lg\:dark\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .lg\:dark\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .lg\:dark\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .lg\:dark\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .lg\:dark\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .lg\:dark\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .lg\:dark\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-transparent:hover { + border-color: transparent; + } + + .lg\:dark\:hover\:border-current:hover { + border-color: currentColor; + } + + .lg\:dark\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .lg\:dark\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } - .lg\:divide-teal-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } - .lg\:divide-teal-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } - .lg\:divide-teal-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } - .lg\:divide-teal-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } - .lg\:divide-teal-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } - .lg\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } - .lg\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } - .lg\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } - .lg\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } - .lg\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } - .lg\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } - .lg\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } - .lg\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } - .lg\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } - .lg\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } - .lg\:divide-indigo-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } - .lg\:divide-indigo-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .lg\:divide-indigo-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } - .lg\:divide-indigo-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } - .lg\:divide-indigo-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } - .lg\:divide-indigo-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } - .lg\:divide-indigo-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } - .lg\:divide-indigo-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } - .lg\:divide-indigo-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } - .lg\:divide-indigo-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } - .lg\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--divide-opacity)); - } + .lg\:dark\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } - .lg\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-transparent:focus { + border-color: transparent; + } - .lg\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-current:focus { + border-color: currentColor; + } - .lg\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .lg\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .lg\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } - .lg\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } - .lg\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } - .lg\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } - .lg\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } - .lg\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } - .lg\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } - .lg\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } - .lg\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } - .lg\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } - .lg\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } - .lg\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } - .lg\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } - .lg\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } - .lg\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--divide-opacity)); - } + .lg\:dark\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } - .lg\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; - } + .lg\:dark\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } - .lg\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; - } + .lg\:dark\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } - .lg\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; - } + .lg\:dark\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } - .lg\:divide-double > :not(template) ~ :not(template) { - border-style: double; - } + .lg\:dark\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } - .lg\:divide-none > :not(template) ~ :not(template) { - border-style: none; - } + .lg\:dark\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } - .lg\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; - } + .lg\:dark\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } - .lg\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; - } + .lg\:dark\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } - .lg\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; - } + .lg\:dark\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } - .lg\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; - } + .lg\:dark\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } - .lg\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - } + .lg\:dark\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } - .lg\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } + .lg\:dark\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } + .lg\:dark\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } - .lg\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } + .lg\:dark\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } + .lg\:dark\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } - .lg\:appearance-none { - appearance: none; - } + .lg\:dark\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } - .lg\:bg-fixed { - background-attachment: fixed; - } + .lg\:dark\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } - .lg\:bg-local { - background-attachment: local; - } + .lg\:dark\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } - .lg\:bg-scroll { - background-attachment: scroll; - } + .lg\:dark\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } - .lg\:bg-clip-border { - background-clip: border-box; - } + .lg\:dark\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } - .lg\:bg-clip-padding { - background-clip: padding-box; - } + .lg\:dark\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } - .lg\:bg-clip-content { - background-clip: content-box; - } + .lg\:dark\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } - .lg\:bg-clip-text { - background-clip: text; - } + .lg\:dark\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } - .lg\:bg-transparent { - background-color: transparent; - } + .lg\:dark\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } - .lg\:bg-current { - background-color: currentColor; - } + .lg\:dark\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } - .lg\:bg-black { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } - .lg\:bg-white { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } - .lg\:bg-gray-50 { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } - .lg\:bg-gray-100 { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } - .lg\:bg-gray-200 { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } - .lg\:bg-gray-300 { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } - .lg\:bg-gray-400 { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } - .lg\:bg-gray-500 { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } - .lg\:bg-gray-600 { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } - .lg\:bg-gray-700 { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } - .lg\:bg-gray-800 { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } - .lg\:bg-gray-900 { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } - .lg\:bg-red-50 { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } - .lg\:bg-red-100 { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } - .lg\:bg-red-200 { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } - .lg\:bg-red-300 { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } - .lg\:bg-red-400 { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } - .lg\:bg-red-500 { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } - .lg\:bg-red-600 { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } - .lg\:bg-red-700 { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } - .lg\:bg-red-800 { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } - .lg\:bg-red-900 { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } - .lg\:bg-orange-50 { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } - .lg\:bg-orange-100 { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } - .lg\:bg-orange-200 { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } - .lg\:bg-orange-300 { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } - .lg\:bg-orange-400 { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } - .lg\:bg-orange-500 { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } - .lg\:bg-orange-600 { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } - .lg\:bg-orange-700 { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } - .lg\:bg-orange-800 { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } - .lg\:bg-orange-900 { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } - .lg\:bg-yellow-50 { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } - .lg\:bg-yellow-100 { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } - .lg\:bg-yellow-200 { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } - .lg\:bg-yellow-300 { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } - .lg\:bg-yellow-400 { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } - .lg\:bg-yellow-500 { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } - .lg\:bg-yellow-600 { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } - .lg\:bg-yellow-700 { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } - .lg\:bg-yellow-800 { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } - .lg\:bg-yellow-900 { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } - .lg\:bg-green-50 { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } - .lg\:bg-green-100 { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } - .lg\:bg-green-200 { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } - .lg\:bg-green-300 { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } - .lg\:bg-green-400 { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } - .lg\:bg-green-500 { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } - .lg\:bg-green-600 { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } - .lg\:bg-green-700 { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } - .lg\:bg-green-800 { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } - .lg\:bg-green-900 { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .lg\:bg-teal-50 { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } - .lg\:bg-teal-100 { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } - .lg\:bg-teal-200 { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } - .lg\:bg-teal-300 { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } - .lg\:bg-teal-400 { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } - .lg\:bg-teal-500 { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); - } + .lg\:dark\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } - .lg\:bg-teal-600 { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .lg\:dark\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .lg\:dark\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .lg\:dark\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } } - .lg\:bg-teal-700 { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .lg\:border-opacity-0 { + --border-opacity: 0; } - .lg\:bg-teal-800 { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .lg\:border-opacity-25 { + --border-opacity: 0.25; } - .lg\:bg-teal-900 { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .lg\:border-opacity-50 { + --border-opacity: 0.5; } - .lg\:bg-blue-50 { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .lg\:border-opacity-75 { + --border-opacity: 0.75; } - .lg\:bg-blue-100 { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .lg\:border-opacity-100 { + --border-opacity: 1; } - .lg\:bg-blue-200 { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .lg\:bg-blue-300 { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .lg\:bg-blue-400 { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .lg\:bg-blue-500 { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .lg\:bg-blue-600 { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .lg\:bg-blue-700 { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .lg\:bg-blue-800 { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .lg\:bg-blue-900 { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .lg\:bg-indigo-50 { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .lg\:bg-indigo-100 { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .lg\:bg-indigo-200 { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .lg\:rounded-none { + border-radius: 0; } - .lg\:bg-indigo-300 { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .lg\:rounded-sm { + border-radius: 0.125rem; } - .lg\:bg-indigo-400 { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .lg\:rounded { + border-radius: 0.25rem; } - .lg\:bg-indigo-500 { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .lg\:rounded-md { + border-radius: 0.375rem; } - .lg\:bg-indigo-600 { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .lg\:rounded-lg { + border-radius: 0.5rem; } - .lg\:bg-indigo-700 { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .lg\:rounded-full { + border-radius: 9999px; } - .lg\:bg-indigo-800 { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .lg\:bg-indigo-900 { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .lg\:bg-purple-50 { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .lg\:bg-purple-100 { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .lg\:bg-purple-200 { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .lg\:bg-purple-300 { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .lg\:bg-purple-400 { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:bg-purple-500 { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:bg-purple-600 { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .lg\:bg-purple-700 { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .lg\:bg-purple-800 { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:bg-purple-900 { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:bg-pink-50 { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .lg\:bg-pink-100 { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .lg\:bg-pink-200 { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:bg-pink-300 { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:bg-pink-400 { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .lg\:bg-pink-500 { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .lg\:bg-pink-600 { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:bg-pink-700 { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:bg-pink-800 { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:bg-pink-900 { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .lg\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .lg\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .lg\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .lg\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:hover\:bg-orange-50:hover { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:hover\:bg-orange-100:hover { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-orange-200:hover { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .lg\:border-solid { + border-style: solid; } - .lg\:hover\:bg-orange-300:hover { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .lg\:border-dashed { + border-style: dashed; } - .lg\:hover\:bg-orange-400:hover { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .lg\:border-dotted { + border-style: dotted; } - .lg\:hover\:bg-orange-500:hover { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .lg\:border-double { + border-style: double; } - .lg\:hover\:bg-orange-600:hover { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .lg\:border-none { + border-style: none; } - .lg\:hover\:bg-orange-700:hover { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .lg\:border-0 { + border-width: 0; } - .lg\:hover\:bg-orange-800:hover { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .lg\:border-2 { + border-width: 2px; } - .lg\:hover\:bg-orange-900:hover { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .lg\:border-4 { + border-width: 4px; } - .lg\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .lg\:border-8 { + border-width: 8px; } - .lg\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .lg\:border { + border-width: 1px; } - .lg\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .lg\:border-t-0 { + border-top-width: 0; } - .lg\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .lg\:border-r-0 { + border-right-width: 0; } - .lg\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .lg\:border-b-0 { + border-bottom-width: 0; } - .lg\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .lg\:border-l-0 { + border-left-width: 0; } - .lg\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .lg\:border-t-2 { + border-top-width: 2px; } - .lg\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .lg\:border-r-2 { + border-right-width: 2px; } - .lg\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .lg\:border-b-2 { + border-bottom-width: 2px; } - .lg\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .lg\:border-l-2 { + border-left-width: 2px; } - .lg\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .lg\:border-t-4 { + border-top-width: 4px; } - .lg\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .lg\:border-r-4 { + border-right-width: 4px; } - .lg\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .lg\:border-b-4 { + border-bottom-width: 4px; } - .lg\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .lg\:border-l-4 { + border-left-width: 4px; } - .lg\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .lg\:border-t-8 { + border-top-width: 8px; } - .lg\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .lg\:border-r-8 { + border-right-width: 8px; } - .lg\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .lg\:border-b-8 { + border-bottom-width: 8px; } - .lg\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .lg\:border-l-8 { + border-left-width: 8px; } - .lg\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .lg\:border-t { + border-top-width: 1px; } - .lg\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .lg\:border-r { + border-right-width: 1px; } - .lg\:hover\:bg-teal-50:hover { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .lg\:border-b { + border-bottom-width: 1px; } - .lg\:hover\:bg-teal-100:hover { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .lg\:border-l { + border-left-width: 1px; } - .lg\:hover\:bg-teal-200:hover { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .lg\:box-border { + box-sizing: border-box; } - .lg\:hover\:bg-teal-300:hover { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .lg\:box-content { + box-sizing: content-box; } - .lg\:hover\:bg-teal-400:hover { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .lg\:cursor-auto { + cursor: auto; } - .lg\:hover\:bg-teal-500:hover { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .lg\:cursor-default { + cursor: default; } - .lg\:hover\:bg-teal-600:hover { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .lg\:cursor-pointer { + cursor: pointer; } - .lg\:hover\:bg-teal-700:hover { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .lg\:cursor-wait { + cursor: wait; } - .lg\:hover\:bg-teal-800:hover { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .lg\:cursor-text { + cursor: text; } - .lg\:hover\:bg-teal-900:hover { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .lg\:cursor-move { + cursor: move; } - .lg\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .lg\:block { + display: block; } - .lg\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .lg\:inline-block { + display: inline-block; } - .lg\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .lg\:inline { + display: inline; } - .lg\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .lg\:flex { + display: flex; } - .lg\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .lg\:inline-flex { + display: inline-flex; } - .lg\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .lg\:table { + display: table; } - .lg\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .lg\:table-caption { + display: table-caption; } - .lg\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .lg\:table-cell { + display: table-cell; } - .lg\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .lg\:table-column { + display: table-column; } - .lg\:hover\:bg-indigo-50:hover { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .lg\:table-column-group { + display: table-column-group; } - .lg\:hover\:bg-indigo-100:hover { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .lg\:table-footer-group { + display: table-footer-group; } - .lg\:hover\:bg-indigo-200:hover { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .lg\:table-header-group { + display: table-header-group; } - .lg\:hover\:bg-indigo-300:hover { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .lg\:table-row-group { + display: table-row-group; } - .lg\:hover\:bg-indigo-400:hover { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .lg\:table-row { + display: table-row; } - .lg\:hover\:bg-indigo-500:hover { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .lg\:flow-root { + display: flow-root; } - .lg\:hover\:bg-indigo-600:hover { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .lg\:grid { + display: grid; } - .lg\:hover\:bg-indigo-700:hover { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .lg\:inline-grid { + display: inline-grid; } - .lg\:hover\:bg-indigo-800:hover { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .lg\:contents { + display: contents; } - .lg\:hover\:bg-indigo-900:hover { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .lg\:hidden { + display: none; } - .lg\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .lg\:flex-row { + flex-direction: row; } - .lg\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .lg\:flex-col { + flex-direction: column; } - .lg\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .lg\:items-start { + align-items: flex-start; } - .lg\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .lg\:items-end { + align-items: flex-end; } - .lg\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .lg\:items-center { + align-items: center; } - .lg\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:items-baseline { + align-items: baseline; } - .lg\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .lg\:items-stretch { + align-items: stretch; } - .lg\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .lg\:self-auto { + align-self: auto; } - .lg\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .lg\:self-start { + align-self: flex-start; } - .lg\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .lg\:self-end { + align-self: flex-end; } - .lg\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .lg\:self-center { + align-self: center; } - .lg\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .lg\:self-stretch { + align-self: stretch; } - .lg\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .lg\:justify-start { + justify-content: flex-start; } - .lg\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .lg\:justify-end { + justify-content: flex-end; } - .lg\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .lg\:justify-center { + justify-content: center; } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:justify-between { + justify-content: space-between; } - .lg\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:justify-around { + justify-content: space-around; } - .lg\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:justify-evenly { + justify-content: space-evenly; } - .lg\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:content-center { + align-content: center; } - .lg\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .lg\:content-start { + align-content: flex-start; } - .lg\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .lg\:content-end { + align-content: flex-end; } - .lg\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .lg\:content-between { + align-content: space-between; } - .lg\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .lg\:content-around { + align-content: space-around; } - .lg\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .lg\:flex-1 { + flex: 1 1 0%; } - .lg\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .lg\:flex-auto { + flex: 1 1 auto; } - .lg\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .lg\:flex-initial { + flex: 0 1 auto; } - .lg\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .lg\:flex-none { + flex: none; } - .lg\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .lg\:flex-grow-0 { + flex-grow: 0; } - .lg\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .lg\:flex-grow { + flex-grow: 1; } - .lg\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .lg\:order-1 { + order: 1; } - .lg\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .lg\:order-2 { + order: 2; } - .lg\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .lg\:order-3 { + order: 3; } - .lg\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .lg\:order-4 { + order: 4; } - .lg\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .lg\:order-5 { + order: 5; } - .lg\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .lg\:order-6 { + order: 6; } - .lg\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .lg\:order-7 { + order: 7; } - .lg\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .lg\:order-8 { + order: 8; } - .lg\:focus\:bg-orange-50:focus { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .lg\:order-9 { + order: 9; } - .lg\:focus\:bg-orange-100:focus { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .lg\:order-10 { + order: 10; } - .lg\:focus\:bg-orange-200:focus { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .lg\:order-11 { + order: 11; } - .lg\:focus\:bg-orange-300:focus { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .lg\:order-12 { + order: 12; } - .lg\:focus\:bg-orange-400:focus { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .lg\:order-first { + order: -9999; } - .lg\:focus\:bg-orange-500:focus { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .lg\:order-last { + order: 9999; } - .lg\:focus\:bg-orange-600:focus { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .lg\:order-none { + order: 0; } - .lg\:focus\:bg-orange-700:focus { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .lg\:float-right { + float: right; } - .lg\:focus\:bg-orange-800:focus { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .lg\:float-left { + float: left; } - .lg\:focus\:bg-orange-900:focus { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .lg\:float-none { + float: none; } - .lg\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .lg\:clear-left { + clear: left; } - .lg\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .lg\:clear-right { + clear: right; } - .lg\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .lg\:clear-both { + clear: both; } - .lg\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .lg\:clear-none { + clear: none; } - .lg\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .lg\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .lg\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .lg\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .lg\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .lg\:font-hairline { + font-weight: 100; } - .lg\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .lg\:font-thin { + font-weight: 200; } - .lg\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .lg\:font-light { + font-weight: 300; } - .lg\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .lg\:font-normal { + font-weight: 400; } - .lg\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .lg\:font-medium { + font-weight: 500; } - .lg\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .lg\:font-semibold { + font-weight: 600; } - .lg\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .lg\:font-bold { + font-weight: 700; } - .lg\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .lg\:font-extrabold { + font-weight: 800; } - .lg\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .lg\:font-black { + font-weight: 900; } - .lg\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .lg\:hover\:font-hairline:hover { + font-weight: 100; } - .lg\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .lg\:hover\:font-thin:hover { + font-weight: 200; } - .lg\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:focus\:bg-teal-50:focus { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:focus\:bg-teal-100:focus { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:focus\:bg-teal-200:focus { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:focus\:bg-teal-300:focus { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:focus\:bg-teal-400:focus { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:focus\:bg-teal-500:focus { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:focus\:bg-teal-600:focus { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .lg\:focus\:font-hairline:focus { + font-weight: 100; } - .lg\:focus\:bg-teal-700:focus { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .lg\:focus\:font-thin:focus { + font-weight: 200; } - .lg\:focus\:bg-teal-800:focus { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .lg\:focus\:font-light:focus { + font-weight: 300; } - .lg\:focus\:bg-teal-900:focus { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .lg\:focus\:font-black:focus { + font-weight: 900; } - .lg\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .lg\:h-0 { + height: 0; } - .lg\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .lg\:h-1 { + height: 0.25rem; } - .lg\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .lg\:h-2 { + height: 0.5rem; } - .lg\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .lg\:h-3 { + height: 0.75rem; } - .lg\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .lg\:h-4 { + height: 1rem; } - .lg\:focus\:bg-indigo-50:focus { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .lg\:h-5 { + height: 1.25rem; } - .lg\:focus\:bg-indigo-100:focus { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .lg\:h-6 { + height: 1.5rem; } - .lg\:focus\:bg-indigo-200:focus { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .lg\:h-7 { + height: 1.75rem; } - .lg\:focus\:bg-indigo-300:focus { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .lg\:h-8 { + height: 2rem; } - .lg\:focus\:bg-indigo-400:focus { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .lg\:h-9 { + height: 2.25rem; } - .lg\:focus\:bg-indigo-500:focus { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .lg\:h-10 { + height: 2.5rem; } - .lg\:focus\:bg-indigo-600:focus { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .lg\:h-11 { + height: 2.75rem; } - .lg\:focus\:bg-indigo-700:focus { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .lg\:h-12 { + height: 3rem; } - .lg\:focus\:bg-indigo-800:focus { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .lg\:h-13 { + height: 3.25rem; } - .lg\:focus\:bg-indigo-900:focus { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .lg\:h-14 { + height: 3.5rem; } - .lg\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .lg\:h-15 { + height: 3.75rem; } - .lg\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .lg\:h-16 { + height: 4rem; } - .lg\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .lg\:h-20 { + height: 5rem; } - .lg\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .lg\:h-24 { + height: 6rem; } - .lg\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .lg\:h-28 { + height: 7rem; } - .lg\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .lg\:h-32 { + height: 8rem; } - .lg\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .lg\:h-36 { + height: 9rem; } - .lg\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .lg\:h-40 { + height: 10rem; } - .lg\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .lg\:h-44 { + height: 11rem; } - .lg\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .lg\:h-48 { + height: 12rem; } - .lg\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:h-52 { + height: 13rem; } - .lg\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .lg\:h-56 { + height: 14rem; } - .lg\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .lg\:h-60 { + height: 15rem; } - .lg\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .lg\:h-64 { + height: 16rem; } - .lg\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .lg\:h-72 { + height: 18rem; } - .lg\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .lg\:h-80 { + height: 20rem; } - .lg\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .lg\:h-96 { + height: 24rem; } - .lg\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .lg\:h-auto { + height: auto; } - .lg\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .lg\:h-px { + height: 1px; } - .lg\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .lg\:h-0\.5 { + height: 0.125rem; } - .lg\:bg-none { - background-image: none; + .lg\:h-1\.5 { + height: 0.375rem; } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .lg\:h-2\.5 { + height: 0.625rem; } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .lg\:h-3\.5 { + height: 0.875rem; } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .lg\:h-1\/2 { + height: 50%; } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .lg\:h-1\/3 { + height: 33.333333%; } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .lg\:h-2\/3 { + height: 66.666667%; } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .lg\:h-1\/4 { + height: 25%; } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .lg\:h-2\/4 { + height: 50%; } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .lg\:h-3\/4 { + height: 75%; } - .lg\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:h-1\/5 { + height: 20%; } - .lg\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:h-2\/5 { + height: 40%; } - .lg\:from-black { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:h-3\/5 { + height: 60%; } - .lg\:from-white { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:h-4\/5 { + height: 80%; } - .lg\:from-gray-50 { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:h-1\/6 { + height: 16.666667%; } - .lg\:from-gray-100 { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:h-2\/6 { + height: 33.333333%; } - .lg\:from-gray-200 { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:h-3\/6 { + height: 50%; } - .lg\:from-gray-300 { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:h-4\/6 { + height: 66.666667%; } - .lg\:from-gray-400 { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:h-5\/6 { + height: 83.333333%; } - .lg\:from-gray-500 { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:h-1\/12 { + height: 8.333333%; } - .lg\:from-gray-600 { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:h-2\/12 { + height: 16.666667%; } - .lg\:from-gray-700 { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:h-3\/12 { + height: 25%; } - .lg\:from-gray-800 { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:h-4\/12 { + height: 33.333333%; } - .lg\:from-gray-900 { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:h-5\/12 { + height: 41.666667%; } - .lg\:from-red-50 { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:h-6\/12 { + height: 50%; } - .lg\:from-red-100 { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:h-7\/12 { + height: 58.333333%; } - .lg\:from-red-200 { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:h-8\/12 { + height: 66.666667%; } - .lg\:from-red-300 { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:h-9\/12 { + height: 75%; } - .lg\:from-red-400 { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:h-10\/12 { + height: 83.333333%; } - .lg\:from-red-500 { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:h-11\/12 { + height: 91.666667%; } - .lg\:from-red-600 { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:h-full { + height: 100%; } - .lg\:from-red-700 { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:h-screen { + height: 100vh; } - .lg\:from-red-800 { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:from-red-900 { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:from-orange-50 { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:from-orange-100 { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:from-orange-200 { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:from-orange-300 { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:from-orange-400 { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:from-orange-500 { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:from-orange-600 { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:from-orange-700 { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:text-6xl { + font-size: 4rem; + line-height: 1; } - .lg\:from-orange-800 { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:text-7xl { + font-size: 5rem; + line-height: 1; } - .lg\:from-orange-900 { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:from-yellow-50 { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:from-yellow-100 { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:leading-3 { + line-height: .75rem; } - .lg\:from-yellow-200 { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:leading-4 { + line-height: 1rem; } - .lg\:from-yellow-300 { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:leading-5 { + line-height: 1.25rem; } - .lg\:from-yellow-400 { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:leading-6 { + line-height: 1.5rem; } - .lg\:from-yellow-500 { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:leading-7 { + line-height: 1.75rem; } - .lg\:from-yellow-600 { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:leading-8 { + line-height: 2rem; } - .lg\:from-yellow-700 { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:leading-9 { + line-height: 2.25rem; } - .lg\:from-yellow-800 { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:leading-10 { + line-height: 2.5rem; } - .lg\:from-yellow-900 { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:leading-none { + line-height: 1; } - .lg\:from-green-50 { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:leading-tight { + line-height: 1.25; } - .lg\:from-green-100 { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:leading-snug { + line-height: 1.375; } - .lg\:from-green-200 { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:leading-normal { + line-height: 1.5; } - .lg\:from-green-300 { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:leading-relaxed { + line-height: 1.625; } - .lg\:from-green-400 { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:leading-loose { + line-height: 2; } - .lg\:from-green-500 { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:list-inside { + list-style-position: inside; } - .lg\:from-green-600 { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:list-outside { + list-style-position: outside; } - .lg\:from-green-700 { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:list-none { + list-style-type: none; } - .lg\:from-green-800 { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:list-disc { + list-style-type: disc; } - .lg\:from-green-900 { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:list-decimal { + list-style-type: decimal; } - .lg\:from-teal-50 { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:m-0 { + margin: 0; } - .lg\:from-teal-100 { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:m-1 { + margin: 0.25rem; } - .lg\:from-teal-200 { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:m-2 { + margin: 0.5rem; } - .lg\:from-teal-300 { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:m-3 { + margin: 0.75rem; } - .lg\:from-teal-400 { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:m-4 { + margin: 1rem; } - .lg\:from-teal-500 { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:m-5 { + margin: 1.25rem; } - .lg\:from-teal-600 { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:m-6 { + margin: 1.5rem; } - .lg\:from-teal-700 { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:m-7 { + margin: 1.75rem; } - .lg\:from-teal-800 { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:m-8 { + margin: 2rem; } - .lg\:from-teal-900 { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:m-9 { + margin: 2.25rem; } - .lg\:from-blue-50 { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:m-10 { + margin: 2.5rem; } - .lg\:from-blue-100 { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:m-11 { + margin: 2.75rem; } - .lg\:from-blue-200 { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:m-12 { + margin: 3rem; } - .lg\:from-blue-300 { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:m-13 { + margin: 3.25rem; } - .lg\:from-blue-400 { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:m-14 { + margin: 3.5rem; } - .lg\:from-blue-500 { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:m-15 { + margin: 3.75rem; } - .lg\:from-blue-600 { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:m-16 { + margin: 4rem; } - .lg\:from-blue-700 { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:m-20 { + margin: 5rem; } - .lg\:from-blue-800 { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:m-24 { + margin: 6rem; } - .lg\:from-blue-900 { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:m-28 { + margin: 7rem; } - .lg\:from-indigo-50 { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:m-32 { + margin: 8rem; } - .lg\:from-indigo-100 { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:m-36 { + margin: 9rem; } - .lg\:from-indigo-200 { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:m-40 { + margin: 10rem; } - .lg\:from-indigo-300 { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:m-44 { + margin: 11rem; } - .lg\:from-indigo-400 { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:m-48 { + margin: 12rem; } - .lg\:from-indigo-500 { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:m-52 { + margin: 13rem; } - .lg\:from-indigo-600 { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:m-56 { + margin: 14rem; } - .lg\:from-indigo-700 { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:m-60 { + margin: 15rem; } - .lg\:from-indigo-800 { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:m-64 { + margin: 16rem; } - .lg\:from-indigo-900 { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:m-72 { + margin: 18rem; } - .lg\:from-purple-50 { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:m-80 { + margin: 20rem; } - .lg\:from-purple-100 { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:m-96 { + margin: 24rem; } - .lg\:from-purple-200 { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:m-auto { + margin: auto; } - .lg\:from-purple-300 { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:m-px { + margin: 1px; } - .lg\:from-purple-400 { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:m-0\.5 { + margin: 0.125rem; } - .lg\:from-purple-500 { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:m-1\.5 { + margin: 0.375rem; } - .lg\:from-purple-600 { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:m-2\.5 { + margin: 0.625rem; } - .lg\:from-purple-700 { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:m-3\.5 { + margin: 0.875rem; } - .lg\:from-purple-800 { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:m-1\/2 { + margin: 50%; } - .lg\:from-purple-900 { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:m-1\/3 { + margin: 33.333333%; } - .lg\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:m-2\/3 { + margin: 66.666667%; } - .lg\:from-pink-100 { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:m-1\/4 { + margin: 25%; } - .lg\:from-pink-200 { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:m-2\/4 { + margin: 50%; } - .lg\:from-pink-300 { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:m-3\/4 { + margin: 75%; } - .lg\:from-pink-400 { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:m-1\/5 { + margin: 20%; } - .lg\:from-pink-500 { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:m-2\/5 { + margin: 40%; } - .lg\:from-pink-600 { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:m-3\/5 { + margin: 60%; } - .lg\:from-pink-700 { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:m-4\/5 { + margin: 80%; } - .lg\:from-pink-800 { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:m-1\/6 { + margin: 16.666667%; } - .lg\:from-pink-900 { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:m-2\/6 { + margin: 33.333333%; } - .lg\:via-transparent { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:m-3\/6 { + margin: 50%; } - .lg\:via-current { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:m-4\/6 { + margin: 66.666667%; } - .lg\:via-black { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:m-5\/6 { + margin: 83.333333%; } - .lg\:via-white { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:m-1\/12 { + margin: 8.333333%; } - .lg\:via-gray-50 { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:m-2\/12 { + margin: 16.666667%; } - .lg\:via-gray-100 { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:m-3\/12 { + margin: 25%; } - .lg\:via-gray-200 { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:m-4\/12 { + margin: 33.333333%; } - .lg\:via-gray-300 { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:m-5\/12 { + margin: 41.666667%; } - .lg\:via-gray-400 { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:m-6\/12 { + margin: 50%; } - .lg\:via-gray-500 { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:m-7\/12 { + margin: 58.333333%; } - .lg\:via-gray-600 { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:m-8\/12 { + margin: 66.666667%; } - .lg\:via-gray-700 { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:m-9\/12 { + margin: 75%; } - .lg\:via-gray-800 { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:m-10\/12 { + margin: 83.333333%; } - .lg\:via-gray-900 { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:m-11\/12 { + margin: 91.666667%; } - .lg\:via-red-50 { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:m-full { + margin: 100%; } - .lg\:via-red-100 { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:via-red-200 { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:via-red-300 { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:via-red-400 { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:-m-4 { + margin: -1rem; } - .lg\:via-red-500 { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:-m-5 { + margin: -1.25rem; } - .lg\:via-red-600 { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:via-red-700 { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:-m-7 { + margin: -1.75rem; } - .lg\:via-red-800 { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:-m-8 { + margin: -2rem; } - .lg\:via-red-900 { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:-m-9 { + margin: -2.25rem; } - .lg\:via-orange-50 { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:-m-10 { + margin: -2.5rem; } - .lg\:via-orange-100 { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:-m-11 { + margin: -2.75rem; } - .lg\:via-orange-200 { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:-m-12 { + margin: -3rem; } - .lg\:via-orange-300 { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:-m-13 { + margin: -3.25rem; } - .lg\:via-orange-400 { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:-m-14 { + margin: -3.5rem; } - .lg\:via-orange-500 { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:-m-15 { + margin: -3.75rem; } - .lg\:via-orange-600 { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:-m-16 { + margin: -4rem; } - .lg\:via-orange-700 { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:-m-20 { + margin: -5rem; } - .lg\:via-orange-800 { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:-m-24 { + margin: -6rem; } - .lg\:via-orange-900 { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:-m-28 { + margin: -7rem; } - .lg\:via-yellow-50 { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:-m-32 { + margin: -8rem; } - .lg\:via-yellow-100 { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:-m-36 { + margin: -9rem; } - .lg\:via-yellow-200 { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:-m-40 { + margin: -10rem; } - .lg\:via-yellow-300 { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:-m-44 { + margin: -11rem; } - .lg\:via-yellow-400 { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:-m-48 { + margin: -12rem; } - .lg\:via-yellow-500 { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:-m-52 { + margin: -13rem; } - .lg\:via-yellow-600 { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:-m-56 { + margin: -14rem; } - .lg\:via-yellow-700 { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:-m-60 { + margin: -15rem; } - .lg\:via-yellow-800 { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:-m-64 { + margin: -16rem; } - .lg\:via-yellow-900 { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:-m-72 { + margin: -18rem; } - .lg\:via-green-50 { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:-m-80 { + margin: -20rem; } - .lg\:via-green-100 { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:-m-96 { + margin: -24rem; } - .lg\:via-green-200 { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:-m-px { + margin: -1px; } - .lg\:via-green-300 { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:-m-0\.5 { + margin: -0.125rem; } - .lg\:via-green-400 { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:-m-1\.5 { + margin: -0.375rem; } - .lg\:via-green-500 { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:-m-2\.5 { + margin: -0.625rem; } - .lg\:via-green-600 { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:-m-3\.5 { + margin: -0.875rem; } - .lg\:via-green-700 { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:-m-1\/2 { + margin: -50%; } - .lg\:via-green-800 { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:-m-1\/3 { + margin: -33.33333%; } - .lg\:via-green-900 { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:-m-2\/3 { + margin: -66.66667%; } - .lg\:via-teal-50 { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:-m-1\/4 { + margin: -25%; } - .lg\:via-teal-100 { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:-m-2\/4 { + margin: -50%; } - .lg\:via-teal-200 { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:-m-3\/4 { + margin: -75%; } - .lg\:via-teal-300 { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:-m-1\/5 { + margin: -20%; } - .lg\:via-teal-400 { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:-m-2\/5 { + margin: -40%; } - .lg\:via-teal-500 { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:-m-3\/5 { + margin: -60%; } - .lg\:via-teal-600 { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:-m-4\/5 { + margin: -80%; } - .lg\:via-teal-700 { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:-m-1\/6 { + margin: -16.66667%; } - .lg\:via-teal-800 { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:-m-2\/6 { + margin: -33.33333%; } - .lg\:via-teal-900 { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:-m-3\/6 { + margin: -50%; } - .lg\:via-blue-50 { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:-m-4\/6 { + margin: -66.66667%; } - .lg\:via-blue-100 { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:-m-5\/6 { + margin: -83.33333%; } - .lg\:via-blue-200 { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:-m-1\/12 { + margin: -8.33333%; } - .lg\:via-blue-300 { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:-m-2\/12 { + margin: -16.66667%; } - .lg\:via-blue-400 { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:-m-3\/12 { + margin: -25%; } - .lg\:via-blue-500 { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:-m-4\/12 { + margin: -33.33333%; } - .lg\:via-blue-600 { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:-m-5\/12 { + margin: -41.66667%; } - .lg\:via-blue-700 { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:-m-6\/12 { + margin: -50%; } - .lg\:via-blue-800 { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:-m-7\/12 { + margin: -58.33333%; } - .lg\:via-blue-900 { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:-m-8\/12 { + margin: -66.66667%; } - .lg\:via-indigo-50 { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:-m-9\/12 { + margin: -75%; } - .lg\:via-indigo-100 { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:-m-10\/12 { + margin: -83.33333%; } - .lg\:via-indigo-200 { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:-m-11\/12 { + margin: -91.66667%; } - .lg\:via-indigo-300 { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:-m-full { + margin: -100%; } - .lg\:via-indigo-400 { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:via-indigo-500 { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:via-indigo-600 { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:via-indigo-700 { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:via-indigo-800 { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:via-indigo-900 { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:via-purple-50 { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:via-purple-100 { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:via-purple-200 { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:via-purple-300 { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:via-purple-400 { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:via-purple-500 { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:via-purple-600 { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:via-purple-700 { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:via-purple-800 { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:via-purple-900 { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:via-pink-50 { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:via-pink-100 { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:via-pink-200 { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:via-pink-300 { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:via-pink-400 { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:via-pink-500 { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:via-pink-600 { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } - .lg\:via-pink-700 { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } - .lg\:via-pink-800 { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:via-pink-900 { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:to-transparent { - --gradient-to-color: transparent; + .lg\:my-13 { + margin-top: 3.25rem; + margin-bottom: 3.25rem; } - .lg\:to-current { - --gradient-to-color: currentColor; + .lg\:mx-13 { + margin-left: 3.25rem; + margin-right: 3.25rem; } - .lg\:to-black { - --gradient-to-color: #000000; + .lg\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:to-white { - --gradient-to-color: #ffffff; + .lg\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:to-gray-50 { - --gradient-to-color: #f9fafb; + .lg\:my-15 { + margin-top: 3.75rem; + margin-bottom: 3.75rem; } - .lg\:to-gray-100 { - --gradient-to-color: #f4f5f7; + .lg\:mx-15 { + margin-left: 3.75rem; + margin-right: 3.75rem; } - .lg\:to-gray-200 { - --gradient-to-color: #e5e7eb; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:to-gray-300 { - --gradient-to-color: #d2d6dc; + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:to-gray-400 { - --gradient-to-color: #9fa6b2; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:to-gray-500 { - --gradient-to-color: #6b7280; + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:to-gray-600 { - --gradient-to-color: #4b5563; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:to-gray-700 { - --gradient-to-color: #374151; + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:to-gray-800 { - --gradient-to-color: #252f3f; + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:to-gray-900 { - --gradient-to-color: #161e2e; + .lg\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:to-red-50 { - --gradient-to-color: #fdf2f2; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:to-red-100 { - --gradient-to-color: #fde8e8; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:to-red-200 { - --gradient-to-color: #fbd5d5; + .lg\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:to-red-300 { - --gradient-to-color: #f8b4b4; + .lg\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:to-red-400 { - --gradient-to-color: #f98080; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:to-red-500 { - --gradient-to-color: #f05252; + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:to-red-600 { - --gradient-to-color: #e02424; + .lg\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:to-red-700 { - --gradient-to-color: #c81e1e; + .lg\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:to-red-800 { - --gradient-to-color: #9b1c1c; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:to-red-900 { - --gradient-to-color: #771d1d; + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:to-orange-50 { - --gradient-to-color: #fff8f1; + .lg\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:to-orange-100 { - --gradient-to-color: #feecdc; + .lg\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:to-orange-200 { - --gradient-to-color: #fcd9bd; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:to-orange-300 { - --gradient-to-color: #fdba8c; + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:to-orange-400 { - --gradient-to-color: #ff8a4c; + .lg\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:to-orange-500 { - --gradient-to-color: #ff5a1f; + .lg\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:to-orange-600 { - --gradient-to-color: #d03801; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:to-orange-700 { - --gradient-to-color: #b43403; + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:to-orange-800 { - --gradient-to-color: #8a2c0d; + .lg\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:to-orange-900 { - --gradient-to-color: #73230d; + .lg\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:to-yellow-50 { - --gradient-to-color: #fdfdea; + .lg\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:to-yellow-100 { - --gradient-to-color: #fdf6b2; + .lg\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:to-yellow-200 { - --gradient-to-color: #fce96a; + .lg\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:to-yellow-300 { - --gradient-to-color: #faca15; + .lg\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:to-yellow-400 { - --gradient-to-color: #e3a008; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:to-yellow-500 { - --gradient-to-color: #c27803; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:to-yellow-600 { - --gradient-to-color: #9f580a; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:to-yellow-700 { - --gradient-to-color: #8e4b10; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:to-yellow-800 { - --gradient-to-color: #723b13; + .lg\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:to-yellow-900 { - --gradient-to-color: #633112; + .lg\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:to-green-50 { - --gradient-to-color: #f3faf7; + .lg\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:to-green-100 { - --gradient-to-color: #def7ec; + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:to-green-200 { - --gradient-to-color: #bcf0da; + .lg\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:to-green-300 { - --gradient-to-color: #84e1bc; + .lg\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:to-green-400 { - --gradient-to-color: #31c48d; + .lg\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:to-green-500 { - --gradient-to-color: #0e9f6e; + .lg\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:to-green-600 { - --gradient-to-color: #057a55; + .lg\:my-1\/2 { + margin-top: 50%; + margin-bottom: 50%; } - .lg\:to-green-700 { - --gradient-to-color: #046c4e; + .lg\:mx-1\/2 { + margin-left: 50%; + margin-right: 50%; } - .lg\:to-green-800 { - --gradient-to-color: #03543f; + .lg\:my-1\/3 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .lg\:to-green-900 { - --gradient-to-color: #014737; + .lg\:mx-1\/3 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .lg\:to-teal-50 { - --gradient-to-color: #edfafa; + .lg\:my-2\/3 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .lg\:to-teal-100 { - --gradient-to-color: #d5f5f6; + .lg\:mx-2\/3 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .lg\:to-teal-200 { - --gradient-to-color: #afecef; + .lg\:my-1\/4 { + margin-top: 25%; + margin-bottom: 25%; } - .lg\:to-teal-300 { - --gradient-to-color: #7edce2; + .lg\:mx-1\/4 { + margin-left: 25%; + margin-right: 25%; } - .lg\:to-teal-400 { - --gradient-to-color: #16bdca; + .lg\:my-2\/4 { + margin-top: 50%; + margin-bottom: 50%; } - .lg\:to-teal-500 { - --gradient-to-color: #0694a2; + .lg\:mx-2\/4 { + margin-left: 50%; + margin-right: 50%; } - .lg\:to-teal-600 { - --gradient-to-color: #047481; + .lg\:my-3\/4 { + margin-top: 75%; + margin-bottom: 75%; } - .lg\:to-teal-700 { - --gradient-to-color: #036672; + .lg\:mx-3\/4 { + margin-left: 75%; + margin-right: 75%; } - .lg\:to-teal-800 { - --gradient-to-color: #05505c; + .lg\:my-1\/5 { + margin-top: 20%; + margin-bottom: 20%; } - .lg\:to-teal-900 { - --gradient-to-color: #014451; + .lg\:mx-1\/5 { + margin-left: 20%; + margin-right: 20%; } - .lg\:to-blue-50 { - --gradient-to-color: #ebf5ff; + .lg\:my-2\/5 { + margin-top: 40%; + margin-bottom: 40%; } - .lg\:to-blue-100 { - --gradient-to-color: #e1effe; + .lg\:mx-2\/5 { + margin-left: 40%; + margin-right: 40%; } - .lg\:to-blue-200 { - --gradient-to-color: #c3ddfd; + .lg\:my-3\/5 { + margin-top: 60%; + margin-bottom: 60%; } - .lg\:to-blue-300 { - --gradient-to-color: #a4cafe; + .lg\:mx-3\/5 { + margin-left: 60%; + margin-right: 60%; } - .lg\:to-blue-400 { - --gradient-to-color: #76a9fa; + .lg\:my-4\/5 { + margin-top: 80%; + margin-bottom: 80%; } - .lg\:to-blue-500 { - --gradient-to-color: #3f83f8; + .lg\:mx-4\/5 { + margin-left: 80%; + margin-right: 80%; } - .lg\:to-blue-600 { - --gradient-to-color: #1c64f2; + .lg\:my-1\/6 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } - .lg\:to-blue-700 { - --gradient-to-color: #1a56db; + .lg\:mx-1\/6 { + margin-left: 16.666667%; + margin-right: 16.666667%; } - .lg\:to-blue-800 { - --gradient-to-color: #1e429f; + .lg\:my-2\/6 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .lg\:to-blue-900 { - --gradient-to-color: #233876; + .lg\:mx-2\/6 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .lg\:to-indigo-50 { - --gradient-to-color: #f0f5ff; + .lg\:my-3\/6 { + margin-top: 50%; + margin-bottom: 50%; } - .lg\:to-indigo-100 { - --gradient-to-color: #e5edff; + .lg\:mx-3\/6 { + margin-left: 50%; + margin-right: 50%; } - .lg\:to-indigo-200 { - --gradient-to-color: #cddbfe; + .lg\:my-4\/6 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .lg\:to-indigo-300 { - --gradient-to-color: #b4c6fc; + .lg\:mx-4\/6 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .lg\:to-indigo-400 { - --gradient-to-color: #8da2fb; + .lg\:my-5\/6 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } - .lg\:to-indigo-500 { - --gradient-to-color: #6875f5; + .lg\:mx-5\/6 { + margin-left: 83.333333%; + margin-right: 83.333333%; } - .lg\:to-indigo-600 { - --gradient-to-color: #5850ec; + .lg\:my-1\/12 { + margin-top: 8.333333%; + margin-bottom: 8.333333%; } - .lg\:to-indigo-700 { - --gradient-to-color: #5145cd; + .lg\:mx-1\/12 { + margin-left: 8.333333%; + margin-right: 8.333333%; } - .lg\:to-indigo-800 { - --gradient-to-color: #42389d; + .lg\:my-2\/12 { + margin-top: 16.666667%; + margin-bottom: 16.666667%; } - .lg\:to-indigo-900 { - --gradient-to-color: #362f78; + .lg\:mx-2\/12 { + margin-left: 16.666667%; + margin-right: 16.666667%; } - .lg\:to-purple-50 { - --gradient-to-color: #f6f5ff; + .lg\:my-3\/12 { + margin-top: 25%; + margin-bottom: 25%; } - .lg\:to-purple-100 { - --gradient-to-color: #edebfe; + .lg\:mx-3\/12 { + margin-left: 25%; + margin-right: 25%; } - .lg\:to-purple-200 { - --gradient-to-color: #dcd7fe; + .lg\:my-4\/12 { + margin-top: 33.333333%; + margin-bottom: 33.333333%; } - .lg\:to-purple-300 { - --gradient-to-color: #cabffd; + .lg\:mx-4\/12 { + margin-left: 33.333333%; + margin-right: 33.333333%; } - .lg\:to-purple-400 { - --gradient-to-color: #ac94fa; + .lg\:my-5\/12 { + margin-top: 41.666667%; + margin-bottom: 41.666667%; } - .lg\:to-purple-500 { - --gradient-to-color: #9061f9; + .lg\:mx-5\/12 { + margin-left: 41.666667%; + margin-right: 41.666667%; } - .lg\:to-purple-600 { - --gradient-to-color: #7e3af2; + .lg\:my-6\/12 { + margin-top: 50%; + margin-bottom: 50%; } - .lg\:to-purple-700 { - --gradient-to-color: #6c2bd9; + .lg\:mx-6\/12 { + margin-left: 50%; + margin-right: 50%; } - .lg\:to-purple-800 { - --gradient-to-color: #5521b5; + .lg\:my-7\/12 { + margin-top: 58.333333%; + margin-bottom: 58.333333%; } - .lg\:to-purple-900 { - --gradient-to-color: #4a1d96; + .lg\:mx-7\/12 { + margin-left: 58.333333%; + margin-right: 58.333333%; } - .lg\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .lg\:my-8\/12 { + margin-top: 66.666667%; + margin-bottom: 66.666667%; } - .lg\:to-pink-100 { - --gradient-to-color: #fce8f3; + .lg\:mx-8\/12 { + margin-left: 66.666667%; + margin-right: 66.666667%; } - .lg\:to-pink-200 { - --gradient-to-color: #fad1e8; + .lg\:my-9\/12 { + margin-top: 75%; + margin-bottom: 75%; } - .lg\:to-pink-300 { - --gradient-to-color: #f8b4d9; + .lg\:mx-9\/12 { + margin-left: 75%; + margin-right: 75%; } - .lg\:to-pink-400 { - --gradient-to-color: #f17eb8; + .lg\:my-10\/12 { + margin-top: 83.333333%; + margin-bottom: 83.333333%; } - .lg\:to-pink-500 { - --gradient-to-color: #e74694; + .lg\:mx-10\/12 { + margin-left: 83.333333%; + margin-right: 83.333333%; } - .lg\:to-pink-600 { - --gradient-to-color: #d61f69; + .lg\:my-11\/12 { + margin-top: 91.666667%; + margin-bottom: 91.666667%; } - .lg\:to-pink-700 { - --gradient-to-color: #bf125d; + .lg\:mx-11\/12 { + margin-left: 91.666667%; + margin-right: 91.666667%; } - .lg\:to-pink-800 { - --gradient-to-color: #99154b; + .lg\:my-full { + margin-top: 100%; + margin-bottom: 100%; } - .lg\:to-pink-900 { - --gradient-to-color: #751a3d; + .lg\:mx-full { + margin-left: 100%; + margin-right: 100%; } - .lg\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:hover\:from-black:hover { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:hover\:from-white:hover { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:hover\:from-gray-50:hover { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:hover\:from-gray-200:hover { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:hover\:from-gray-300:hover { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:hover\:from-gray-400:hover { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:hover\:from-gray-500:hover { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:hover\:from-gray-600:hover { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:hover\:from-gray-700:hover { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:hover\:from-gray-800:hover { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:hover\:from-gray-900:hover { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:hover\:from-red-50:hover { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:hover\:from-red-100:hover { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:hover\:from-red-200:hover { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:hover\:from-red-300:hover { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:hover\:from-red-400:hover { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:hover\:from-red-500:hover { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:hover\:from-red-600:hover { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } - .lg\:hover\:from-red-700:hover { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } - .lg\:hover\:from-red-800:hover { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:hover\:from-red-900:hover { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:hover\:from-orange-50:hover { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:-my-13 { + margin-top: -3.25rem; + margin-bottom: -3.25rem; } - .lg\:hover\:from-orange-100:hover { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:-mx-13 { + margin-left: -3.25rem; + margin-right: -3.25rem; } - .lg\:hover\:from-orange-200:hover { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:hover\:from-orange-300:hover { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:hover\:from-orange-400:hover { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:-my-15 { + margin-top: -3.75rem; + margin-bottom: -3.75rem; + } + + .lg\:-mx-15 { + margin-left: -3.75rem; + margin-right: -3.75rem; } - .lg\:hover\:from-orange-500:hover { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:hover\:from-orange-600:hover { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:hover\:from-orange-700:hover { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:hover\:from-orange-800:hover { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:hover\:from-orange-900:hover { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:hover\:from-yellow-50:hover { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:hover\:from-yellow-100:hover { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:hover\:from-yellow-200:hover { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:hover\:from-yellow-300:hover { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:hover\:from-yellow-400:hover { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:from-yellow-500:hover { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:from-yellow-600:hover { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:from-yellow-700:hover { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:from-yellow-800:hover { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:from-yellow-900:hover { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:from-green-50:hover { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:from-green-100:hover { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:from-green-200:hover { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:from-green-300:hover { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:from-green-400:hover { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:from-green-500:hover { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:from-green-600:hover { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:from-green-700:hover { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:from-green-800:hover { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:from-green-900:hover { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:from-teal-50:hover { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:from-teal-100:hover { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:from-teal-200:hover { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:from-teal-300:hover { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:from-teal-400:hover { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:from-teal-500:hover { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:from-teal-600:hover { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:from-teal-700:hover { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:from-teal-800:hover { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:from-teal-900:hover { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:from-blue-50:hover { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:from-blue-100:hover { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:from-blue-200:hover { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:from-blue-300:hover { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:from-blue-400:hover { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:hover\:from-blue-500:hover { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:hover\:from-blue-600:hover { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:hover\:from-blue-700:hover { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:-my-1\/2 { + margin-top: -50%; + margin-bottom: -50%; } - .lg\:hover\:from-blue-800:hover { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:-mx-1\/2 { + margin-left: -50%; + margin-right: -50%; } - .lg\:hover\:from-blue-900:hover { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:-my-1\/3 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .lg\:hover\:from-indigo-50:hover { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:-mx-1\/3 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .lg\:hover\:from-indigo-100:hover { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:-my-2\/3 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .lg\:hover\:from-indigo-200:hover { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:-mx-2\/3 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .lg\:hover\:from-indigo-300:hover { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:-my-1\/4 { + margin-top: -25%; + margin-bottom: -25%; } - .lg\:hover\:from-indigo-400:hover { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:-mx-1\/4 { + margin-left: -25%; + margin-right: -25%; } - .lg\:hover\:from-indigo-500:hover { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:-my-2\/4 { + margin-top: -50%; + margin-bottom: -50%; } - .lg\:hover\:from-indigo-600:hover { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:-mx-2\/4 { + margin-left: -50%; + margin-right: -50%; } - .lg\:hover\:from-indigo-700:hover { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:-my-3\/4 { + margin-top: -75%; + margin-bottom: -75%; } - .lg\:hover\:from-indigo-800:hover { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:-mx-3\/4 { + margin-left: -75%; + margin-right: -75%; } - .lg\:hover\:from-indigo-900:hover { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:-my-1\/5 { + margin-top: -20%; + margin-bottom: -20%; } - .lg\:hover\:from-purple-50:hover { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:-mx-1\/5 { + margin-left: -20%; + margin-right: -20%; } - .lg\:hover\:from-purple-100:hover { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:-my-2\/5 { + margin-top: -40%; + margin-bottom: -40%; } - .lg\:hover\:from-purple-200:hover { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:-mx-2\/5 { + margin-left: -40%; + margin-right: -40%; } - .lg\:hover\:from-purple-300:hover { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:-my-3\/5 { + margin-top: -60%; + margin-bottom: -60%; } - .lg\:hover\:from-purple-400:hover { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:-mx-3\/5 { + margin-left: -60%; + margin-right: -60%; } - .lg\:hover\:from-purple-500:hover { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:-my-4\/5 { + margin-top: -80%; + margin-bottom: -80%; } - .lg\:hover\:from-purple-600:hover { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:-mx-4\/5 { + margin-left: -80%; + margin-right: -80%; } - .lg\:hover\:from-purple-700:hover { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:-my-1\/6 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } - .lg\:hover\:from-purple-800:hover { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:-mx-1\/6 { + margin-left: -16.66667%; + margin-right: -16.66667%; } - .lg\:hover\:from-purple-900:hover { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:-my-2\/6 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .lg\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:-mx-2\/6 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .lg\:hover\:from-pink-100:hover { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:-my-3\/6 { + margin-top: -50%; + margin-bottom: -50%; } - .lg\:hover\:from-pink-200:hover { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:-mx-3\/6 { + margin-left: -50%; + margin-right: -50%; } - .lg\:hover\:from-pink-300:hover { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:-my-4\/6 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .lg\:hover\:from-pink-400:hover { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:-mx-4\/6 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .lg\:hover\:from-pink-500:hover { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:-my-5\/6 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } - .lg\:hover\:from-pink-600:hover { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:-mx-5\/6 { + margin-left: -83.33333%; + margin-right: -83.33333%; } - .lg\:hover\:from-pink-700:hover { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:-my-1\/12 { + margin-top: -8.33333%; + margin-bottom: -8.33333%; } - .lg\:hover\:from-pink-800:hover { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:-mx-1\/12 { + margin-left: -8.33333%; + margin-right: -8.33333%; } - .lg\:hover\:from-pink-900:hover { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:-my-2\/12 { + margin-top: -16.66667%; + margin-bottom: -16.66667%; } - .lg\:hover\:via-transparent:hover { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-mx-2\/12 { + margin-left: -16.66667%; + margin-right: -16.66667%; } - .lg\:hover\:via-current:hover { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-my-3\/12 { + margin-top: -25%; + margin-bottom: -25%; } - .lg\:hover\:via-black:hover { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-mx-3\/12 { + margin-left: -25%; + margin-right: -25%; } - .lg\:hover\:via-white:hover { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-my-4\/12 { + margin-top: -33.33333%; + margin-bottom: -33.33333%; } - .lg\:hover\:via-gray-50:hover { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:-mx-4\/12 { + margin-left: -33.33333%; + margin-right: -33.33333%; } - .lg\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:-my-5\/12 { + margin-top: -41.66667%; + margin-bottom: -41.66667%; } - .lg\:hover\:via-gray-200:hover { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:-mx-5\/12 { + margin-left: -41.66667%; + margin-right: -41.66667%; } - .lg\:hover\:via-gray-300:hover { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:-my-6\/12 { + margin-top: -50%; + margin-bottom: -50%; } - .lg\:hover\:via-gray-400:hover { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:-mx-6\/12 { + margin-left: -50%; + margin-right: -50%; } - .lg\:hover\:via-gray-500:hover { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:-my-7\/12 { + margin-top: -58.33333%; + margin-bottom: -58.33333%; } - .lg\:hover\:via-gray-600:hover { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:-mx-7\/12 { + margin-left: -58.33333%; + margin-right: -58.33333%; } - .lg\:hover\:via-gray-700:hover { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:-my-8\/12 { + margin-top: -66.66667%; + margin-bottom: -66.66667%; } - .lg\:hover\:via-gray-800:hover { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:-mx-8\/12 { + margin-left: -66.66667%; + margin-right: -66.66667%; } - .lg\:hover\:via-gray-900:hover { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:-my-9\/12 { + margin-top: -75%; + margin-bottom: -75%; } - .lg\:hover\:via-red-50:hover { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:-mx-9\/12 { + margin-left: -75%; + margin-right: -75%; } - .lg\:hover\:via-red-100:hover { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:-my-10\/12 { + margin-top: -83.33333%; + margin-bottom: -83.33333%; } - .lg\:hover\:via-red-200:hover { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:-mx-10\/12 { + margin-left: -83.33333%; + margin-right: -83.33333%; } - .lg\:hover\:via-red-300:hover { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:-my-11\/12 { + margin-top: -91.66667%; + margin-bottom: -91.66667%; } - .lg\:hover\:via-red-400:hover { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:-mx-11\/12 { + margin-left: -91.66667%; + margin-right: -91.66667%; } - .lg\:hover\:via-red-500:hover { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:-my-full { + margin-top: -100%; + margin-bottom: -100%; } - .lg\:hover\:via-red-600:hover { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:-mx-full { + margin-left: -100%; + margin-right: -100%; } - .lg\:hover\:via-red-700:hover { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:mt-0 { + margin-top: 0; } - .lg\:hover\:via-red-800:hover { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:mr-0 { + margin-right: 0; } - .lg\:hover\:via-red-900:hover { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:hover\:via-orange-50:hover { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:ml-0 { + margin-left: 0; } - .lg\:hover\:via-orange-100:hover { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:hover\:via-orange-200:hover { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:hover\:via-orange-300:hover { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:hover\:via-orange-400:hover { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:hover\:via-orange-500:hover { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:hover\:via-orange-600:hover { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:hover\:via-orange-700:hover { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:hover\:via-orange-800:hover { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:hover\:via-orange-900:hover { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:hover\:via-yellow-50:hover { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:hover\:via-yellow-100:hover { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:hover\:via-yellow-200:hover { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:hover\:via-yellow-300:hover { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:hover\:via-yellow-400:hover { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:hover\:via-yellow-500:hover { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:hover\:via-yellow-600:hover { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:hover\:via-yellow-700:hover { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:mt-5 { + margin-top: 1.25rem; } - .lg\:hover\:via-yellow-800:hover { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:mr-5 { + margin-right: 1.25rem; } - .lg\:hover\:via-yellow-900:hover { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:hover\:via-green-50:hover { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:ml-5 { + margin-left: 1.25rem; } - .lg\:hover\:via-green-100:hover { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:hover\:via-green-200:hover { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:hover\:via-green-300:hover { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:hover\:via-green-400:hover { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:hover\:via-green-500:hover { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:mt-7 { + margin-top: 1.75rem; } - .lg\:hover\:via-green-600:hover { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:mr-7 { + margin-right: 1.75rem; } - .lg\:hover\:via-green-700:hover { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:hover\:via-green-800:hover { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:ml-7 { + margin-left: 1.75rem; } - .lg\:hover\:via-green-900:hover { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:hover\:via-teal-50:hover { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:hover\:via-teal-100:hover { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:hover\:via-teal-200:hover { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:hover\:via-teal-300:hover { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:mt-9 { + margin-top: 2.25rem; } - .lg\:hover\:via-teal-400:hover { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:mr-9 { + margin-right: 2.25rem; } - .lg\:hover\:via-teal-500:hover { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:hover\:via-teal-600:hover { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:ml-9 { + margin-left: 2.25rem; } - .lg\:hover\:via-teal-700:hover { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:mt-10 { + margin-top: 2.5rem; } - .lg\:hover\:via-teal-800:hover { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:mr-10 { + margin-right: 2.5rem; } - .lg\:hover\:via-teal-900:hover { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:hover\:via-blue-50:hover { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:ml-10 { + margin-left: 2.5rem; } - .lg\:hover\:via-blue-100:hover { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:mt-11 { + margin-top: 2.75rem; } - .lg\:hover\:via-blue-200:hover { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:mr-11 { + margin-right: 2.75rem; } - .lg\:hover\:via-blue-300:hover { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:mb-11 { + margin-bottom: 2.75rem; } - .lg\:hover\:via-blue-400:hover { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:ml-11 { + margin-left: 2.75rem; } - .lg\:hover\:via-blue-500:hover { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:via-blue-600:hover { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:via-blue-700:hover { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:via-blue-800:hover { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:via-blue-900:hover { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:mt-13 { + margin-top: 3.25rem; } - .lg\:hover\:via-indigo-50:hover { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:mr-13 { + margin-right: 3.25rem; } - .lg\:hover\:via-indigo-100:hover { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:mb-13 { + margin-bottom: 3.25rem; } - .lg\:hover\:via-indigo-200:hover { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:ml-13 { + margin-left: 3.25rem; } - .lg\:hover\:via-indigo-300:hover { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:via-indigo-400:hover { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:via-indigo-500:hover { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:via-indigo-600:hover { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:via-indigo-700:hover { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:mt-15 { + margin-top: 3.75rem; } - .lg\:hover\:via-indigo-800:hover { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:mr-15 { + margin-right: 3.75rem; } - .lg\:hover\:via-indigo-900:hover { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:mb-15 { + margin-bottom: 3.75rem; } - .lg\:hover\:via-purple-50:hover { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:ml-15 { + margin-left: 3.75rem; } - .lg\:hover\:via-purple-100:hover { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:via-purple-200:hover { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:via-purple-300:hover { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:via-purple-400:hover { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:via-purple-500:hover { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:via-purple-600:hover { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:via-purple-700:hover { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:via-purple-800:hover { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:via-purple-900:hover { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:via-pink-100:hover { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:via-pink-200:hover { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:via-pink-300:hover { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:via-pink-400:hover { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:via-pink-500:hover { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:via-pink-600:hover { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:via-pink-700:hover { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:via-pink-800:hover { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:via-pink-900:hover { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .lg\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .lg\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:to-black:hover { - --gradient-to-color: #000000; + .lg\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:to-white:hover { - --gradient-to-color: #ffffff; + .lg\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:to-gray-50:hover { - --gradient-to-color: #f9fafb; + .lg\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f5f7; + .lg\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:to-gray-200:hover { - --gradient-to-color: #e5e7eb; + .lg\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:to-gray-300:hover { - --gradient-to-color: #d2d6dc; + .lg\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:to-gray-400:hover { - --gradient-to-color: #9fa6b2; + .lg\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:to-gray-500:hover { - --gradient-to-color: #6b7280; + .lg\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:to-gray-600:hover { - --gradient-to-color: #4b5563; + .lg\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:to-gray-700:hover { - --gradient-to-color: #374151; + .lg\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:to-gray-800:hover { - --gradient-to-color: #252f3f; + .lg\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:to-gray-900:hover { - --gradient-to-color: #161e2e; + .lg\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:to-red-50:hover { - --gradient-to-color: #fdf2f2; + .lg\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:to-red-100:hover { - --gradient-to-color: #fde8e8; + .lg\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:to-red-200:hover { - --gradient-to-color: #fbd5d5; + .lg\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:to-red-300:hover { - --gradient-to-color: #f8b4b4; + .lg\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:to-red-400:hover { - --gradient-to-color: #f98080; + .lg\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:to-red-500:hover { - --gradient-to-color: #f05252; + .lg\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:to-red-600:hover { - --gradient-to-color: #e02424; + .lg\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:to-red-700:hover { - --gradient-to-color: #c81e1e; + .lg\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:to-red-800:hover { - --gradient-to-color: #9b1c1c; + .lg\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:to-red-900:hover { - --gradient-to-color: #771d1d; + .lg\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:to-orange-50:hover { - --gradient-to-color: #fff8f1; + .lg\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:to-orange-100:hover { - --gradient-to-color: #feecdc; + .lg\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:to-orange-200:hover { - --gradient-to-color: #fcd9bd; + .lg\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:to-orange-300:hover { - --gradient-to-color: #fdba8c; + .lg\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:to-orange-400:hover { - --gradient-to-color: #ff8a4c; + .lg\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:to-orange-500:hover { - --gradient-to-color: #ff5a1f; + .lg\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:to-orange-600:hover { - --gradient-to-color: #d03801; + .lg\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:to-orange-700:hover { - --gradient-to-color: #b43403; + .lg\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:to-orange-800:hover { - --gradient-to-color: #8a2c0d; + .lg\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:to-orange-900:hover { - --gradient-to-color: #73230d; + .lg\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:to-yellow-50:hover { - --gradient-to-color: #fdfdea; + .lg\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:to-yellow-100:hover { - --gradient-to-color: #fdf6b2; + .lg\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:to-yellow-200:hover { - --gradient-to-color: #fce96a; + .lg\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:to-yellow-300:hover { - --gradient-to-color: #faca15; + .lg\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:to-yellow-400:hover { - --gradient-to-color: #e3a008; + .lg\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:to-yellow-500:hover { - --gradient-to-color: #c27803; + .lg\:mb-80 { + margin-bottom: 20rem; } - .lg\:hover\:to-yellow-600:hover { - --gradient-to-color: #9f580a; + .lg\:ml-80 { + margin-left: 20rem; } - .lg\:hover\:to-yellow-700:hover { - --gradient-to-color: #8e4b10; + .lg\:mt-96 { + margin-top: 24rem; } - .lg\:hover\:to-yellow-800:hover { - --gradient-to-color: #723b13; + .lg\:mr-96 { + margin-right: 24rem; } - .lg\:hover\:to-yellow-900:hover { - --gradient-to-color: #633112; + .lg\:mb-96 { + margin-bottom: 24rem; } - .lg\:hover\:to-green-50:hover { - --gradient-to-color: #f3faf7; + .lg\:ml-96 { + margin-left: 24rem; } - .lg\:hover\:to-green-100:hover { - --gradient-to-color: #def7ec; + .lg\:mt-auto { + margin-top: auto; } - .lg\:hover\:to-green-200:hover { - --gradient-to-color: #bcf0da; + .lg\:mr-auto { + margin-right: auto; } - .lg\:hover\:to-green-300:hover { - --gradient-to-color: #84e1bc; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:hover\:to-green-400:hover { - --gradient-to-color: #31c48d; + .lg\:ml-auto { + margin-left: auto; } - .lg\:hover\:to-green-500:hover { - --gradient-to-color: #0e9f6e; + .lg\:mt-px { + margin-top: 1px; } - .lg\:hover\:to-green-600:hover { - --gradient-to-color: #057a55; + .lg\:mr-px { + margin-right: 1px; } - .lg\:hover\:to-green-700:hover { - --gradient-to-color: #046c4e; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:hover\:to-green-800:hover { - --gradient-to-color: #03543f; + .lg\:ml-px { + margin-left: 1px; } - .lg\:hover\:to-green-900:hover { - --gradient-to-color: #014737; + .lg\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:hover\:to-teal-50:hover { - --gradient-to-color: #edfafa; + .lg\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:hover\:to-teal-100:hover { - --gradient-to-color: #d5f5f6; + .lg\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:hover\:to-teal-200:hover { - --gradient-to-color: #afecef; + .lg\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:hover\:to-teal-300:hover { - --gradient-to-color: #7edce2; + .lg\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:hover\:to-teal-400:hover { - --gradient-to-color: #16bdca; + .lg\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:hover\:to-teal-500:hover { - --gradient-to-color: #0694a2; + .lg\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:hover\:to-teal-600:hover { - --gradient-to-color: #047481; + .lg\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:hover\:to-teal-700:hover { - --gradient-to-color: #036672; + .lg\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:hover\:to-teal-800:hover { - --gradient-to-color: #05505c; + .lg\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:hover\:to-teal-900:hover { - --gradient-to-color: #014451; + .lg\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:hover\:to-blue-50:hover { - --gradient-to-color: #ebf5ff; + .lg\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:hover\:to-blue-100:hover { - --gradient-to-color: #e1effe; + .lg\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:hover\:to-blue-200:hover { - --gradient-to-color: #c3ddfd; + .lg\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:hover\:to-blue-300:hover { - --gradient-to-color: #a4cafe; + .lg\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:hover\:to-blue-400:hover { - --gradient-to-color: #76a9fa; + .lg\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:hover\:to-blue-500:hover { - --gradient-to-color: #3f83f8; + .lg\:mt-1\/2 { + margin-top: 50%; } - .lg\:hover\:to-blue-600:hover { - --gradient-to-color: #1c64f2; + .lg\:mr-1\/2 { + margin-right: 50%; } - .lg\:hover\:to-blue-700:hover { - --gradient-to-color: #1a56db; + .lg\:mb-1\/2 { + margin-bottom: 50%; } - .lg\:hover\:to-blue-800:hover { - --gradient-to-color: #1e429f; + .lg\:ml-1\/2 { + margin-left: 50%; } - .lg\:hover\:to-blue-900:hover { - --gradient-to-color: #233876; + .lg\:mt-1\/3 { + margin-top: 33.333333%; } - .lg\:hover\:to-indigo-50:hover { - --gradient-to-color: #f0f5ff; + .lg\:mr-1\/3 { + margin-right: 33.333333%; } - .lg\:hover\:to-indigo-100:hover { - --gradient-to-color: #e5edff; + .lg\:mb-1\/3 { + margin-bottom: 33.333333%; } - .lg\:hover\:to-indigo-200:hover { - --gradient-to-color: #cddbfe; + .lg\:ml-1\/3 { + margin-left: 33.333333%; } - .lg\:hover\:to-indigo-300:hover { - --gradient-to-color: #b4c6fc; + .lg\:mt-2\/3 { + margin-top: 66.666667%; } - .lg\:hover\:to-indigo-400:hover { - --gradient-to-color: #8da2fb; + .lg\:mr-2\/3 { + margin-right: 66.666667%; } - .lg\:hover\:to-indigo-500:hover { - --gradient-to-color: #6875f5; + .lg\:mb-2\/3 { + margin-bottom: 66.666667%; } - .lg\:hover\:to-indigo-600:hover { - --gradient-to-color: #5850ec; + .lg\:ml-2\/3 { + margin-left: 66.666667%; } - .lg\:hover\:to-indigo-700:hover { - --gradient-to-color: #5145cd; + .lg\:mt-1\/4 { + margin-top: 25%; } - .lg\:hover\:to-indigo-800:hover { - --gradient-to-color: #42389d; + .lg\:mr-1\/4 { + margin-right: 25%; } - .lg\:hover\:to-indigo-900:hover { - --gradient-to-color: #362f78; + .lg\:mb-1\/4 { + margin-bottom: 25%; } - .lg\:hover\:to-purple-50:hover { - --gradient-to-color: #f6f5ff; + .lg\:ml-1\/4 { + margin-left: 25%; } - .lg\:hover\:to-purple-100:hover { - --gradient-to-color: #edebfe; + .lg\:mt-2\/4 { + margin-top: 50%; } - .lg\:hover\:to-purple-200:hover { - --gradient-to-color: #dcd7fe; + .lg\:mr-2\/4 { + margin-right: 50%; } - .lg\:hover\:to-purple-300:hover { - --gradient-to-color: #cabffd; + .lg\:mb-2\/4 { + margin-bottom: 50%; } - .lg\:hover\:to-purple-400:hover { - --gradient-to-color: #ac94fa; + .lg\:ml-2\/4 { + margin-left: 50%; } - .lg\:hover\:to-purple-500:hover { - --gradient-to-color: #9061f9; + .lg\:mt-3\/4 { + margin-top: 75%; } - .lg\:hover\:to-purple-600:hover { - --gradient-to-color: #7e3af2; + .lg\:mr-3\/4 { + margin-right: 75%; } - .lg\:hover\:to-purple-700:hover { - --gradient-to-color: #6c2bd9; + .lg\:mb-3\/4 { + margin-bottom: 75%; } - .lg\:hover\:to-purple-800:hover { - --gradient-to-color: #5521b5; + .lg\:ml-3\/4 { + margin-left: 75%; } - .lg\:hover\:to-purple-900:hover { - --gradient-to-color: #4a1d96; + .lg\:mt-1\/5 { + margin-top: 20%; } - .lg\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .lg\:mr-1\/5 { + margin-right: 20%; } - .lg\:hover\:to-pink-100:hover { - --gradient-to-color: #fce8f3; + .lg\:mb-1\/5 { + margin-bottom: 20%; } - .lg\:hover\:to-pink-200:hover { - --gradient-to-color: #fad1e8; + .lg\:ml-1\/5 { + margin-left: 20%; } - .lg\:hover\:to-pink-300:hover { - --gradient-to-color: #f8b4d9; + .lg\:mt-2\/5 { + margin-top: 40%; } - .lg\:hover\:to-pink-400:hover { - --gradient-to-color: #f17eb8; + .lg\:mr-2\/5 { + margin-right: 40%; } - .lg\:hover\:to-pink-500:hover { - --gradient-to-color: #e74694; + .lg\:mb-2\/5 { + margin-bottom: 40%; } - .lg\:hover\:to-pink-600:hover { - --gradient-to-color: #d61f69; + .lg\:ml-2\/5 { + margin-left: 40%; } - .lg\:hover\:to-pink-700:hover { - --gradient-to-color: #bf125d; + .lg\:mt-3\/5 { + margin-top: 60%; } - .lg\:hover\:to-pink-800:hover { - --gradient-to-color: #99154b; + .lg\:mr-3\/5 { + margin-right: 60%; } - .lg\:hover\:to-pink-900:hover { - --gradient-to-color: #751a3d; + .lg\:mb-3\/5 { + margin-bottom: 60%; } - .lg\:focus\:from-transparent:focus { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:ml-3\/5 { + margin-left: 60%; } - .lg\:focus\:from-current:focus { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:mt-4\/5 { + margin-top: 80%; } - .lg\:focus\:from-black:focus { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:mr-4\/5 { + margin-right: 80%; } - .lg\:focus\:from-white:focus { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:mb-4\/5 { + margin-bottom: 80%; } - .lg\:focus\:from-gray-50:focus { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:ml-4\/5 { + margin-left: 80%; } - .lg\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:mt-1\/6 { + margin-top: 16.666667%; } - .lg\:focus\:from-gray-200:focus { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:mr-1\/6 { + margin-right: 16.666667%; } - .lg\:focus\:from-gray-300:focus { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:mb-1\/6 { + margin-bottom: 16.666667%; } - .lg\:focus\:from-gray-400:focus { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:ml-1\/6 { + margin-left: 16.666667%; } - .lg\:focus\:from-gray-500:focus { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:mt-2\/6 { + margin-top: 33.333333%; } - .lg\:focus\:from-gray-600:focus { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:mr-2\/6 { + margin-right: 33.333333%; } - .lg\:focus\:from-gray-700:focus { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:mb-2\/6 { + margin-bottom: 33.333333%; } - .lg\:focus\:from-gray-800:focus { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:ml-2\/6 { + margin-left: 33.333333%; } - .lg\:focus\:from-gray-900:focus { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:mt-3\/6 { + margin-top: 50%; } - .lg\:focus\:from-red-50:focus { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:mr-3\/6 { + margin-right: 50%; } - .lg\:focus\:from-red-100:focus { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:mb-3\/6 { + margin-bottom: 50%; } - .lg\:focus\:from-red-200:focus { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:ml-3\/6 { + margin-left: 50%; } - .lg\:focus\:from-red-300:focus { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:mt-4\/6 { + margin-top: 66.666667%; } - .lg\:focus\:from-red-400:focus { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:mr-4\/6 { + margin-right: 66.666667%; } - .lg\:focus\:from-red-500:focus { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:mb-4\/6 { + margin-bottom: 66.666667%; } - .lg\:focus\:from-red-600:focus { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:ml-4\/6 { + margin-left: 66.666667%; } - .lg\:focus\:from-red-700:focus { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:mt-5\/6 { + margin-top: 83.333333%; } - .lg\:focus\:from-red-800:focus { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:mr-5\/6 { + margin-right: 83.333333%; } - .lg\:focus\:from-red-900:focus { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:mb-5\/6 { + margin-bottom: 83.333333%; } - .lg\:focus\:from-orange-50:focus { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:ml-5\/6 { + margin-left: 83.333333%; } - .lg\:focus\:from-orange-100:focus { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:mt-1\/12 { + margin-top: 8.333333%; } - .lg\:focus\:from-orange-200:focus { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:mr-1\/12 { + margin-right: 8.333333%; } - .lg\:focus\:from-orange-300:focus { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:mb-1\/12 { + margin-bottom: 8.333333%; } - .lg\:focus\:from-orange-400:focus { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:ml-1\/12 { + margin-left: 8.333333%; } - .lg\:focus\:from-orange-500:focus { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:mt-2\/12 { + margin-top: 16.666667%; } - .lg\:focus\:from-orange-600:focus { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:mr-2\/12 { + margin-right: 16.666667%; } - .lg\:focus\:from-orange-700:focus { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:mb-2\/12 { + margin-bottom: 16.666667%; } - .lg\:focus\:from-orange-800:focus { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:ml-2\/12 { + margin-left: 16.666667%; } - .lg\:focus\:from-orange-900:focus { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:mt-3\/12 { + margin-top: 25%; } - .lg\:focus\:from-yellow-50:focus { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:mr-3\/12 { + margin-right: 25%; } - .lg\:focus\:from-yellow-100:focus { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:mb-3\/12 { + margin-bottom: 25%; } - .lg\:focus\:from-yellow-200:focus { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:ml-3\/12 { + margin-left: 25%; } - .lg\:focus\:from-yellow-300:focus { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:mt-4\/12 { + margin-top: 33.333333%; } - .lg\:focus\:from-yellow-400:focus { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:mr-4\/12 { + margin-right: 33.333333%; } - .lg\:focus\:from-yellow-500:focus { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:mb-4\/12 { + margin-bottom: 33.333333%; } - .lg\:focus\:from-yellow-600:focus { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:ml-4\/12 { + margin-left: 33.333333%; } - .lg\:focus\:from-yellow-700:focus { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:mt-5\/12 { + margin-top: 41.666667%; } - .lg\:focus\:from-yellow-800:focus { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:mr-5\/12 { + margin-right: 41.666667%; } - .lg\:focus\:from-yellow-900:focus { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:mb-5\/12 { + margin-bottom: 41.666667%; } - .lg\:focus\:from-green-50:focus { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:ml-5\/12 { + margin-left: 41.666667%; } - .lg\:focus\:from-green-100:focus { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:mt-6\/12 { + margin-top: 50%; } - .lg\:focus\:from-green-200:focus { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:mr-6\/12 { + margin-right: 50%; } - .lg\:focus\:from-green-300:focus { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:mb-6\/12 { + margin-bottom: 50%; } - .lg\:focus\:from-green-400:focus { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:ml-6\/12 { + margin-left: 50%; } - .lg\:focus\:from-green-500:focus { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:mt-7\/12 { + margin-top: 58.333333%; } - .lg\:focus\:from-green-600:focus { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:mr-7\/12 { + margin-right: 58.333333%; } - .lg\:focus\:from-green-700:focus { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:mb-7\/12 { + margin-bottom: 58.333333%; } - .lg\:focus\:from-green-800:focus { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:ml-7\/12 { + margin-left: 58.333333%; } - .lg\:focus\:from-green-900:focus { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:mt-8\/12 { + margin-top: 66.666667%; } - .lg\:focus\:from-teal-50:focus { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:mr-8\/12 { + margin-right: 66.666667%; } - .lg\:focus\:from-teal-100:focus { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:mb-8\/12 { + margin-bottom: 66.666667%; } - .lg\:focus\:from-teal-200:focus { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:ml-8\/12 { + margin-left: 66.666667%; } - .lg\:focus\:from-teal-300:focus { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:mt-9\/12 { + margin-top: 75%; } - .lg\:focus\:from-teal-400:focus { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:mr-9\/12 { + margin-right: 75%; } - .lg\:focus\:from-teal-500:focus { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:mb-9\/12 { + margin-bottom: 75%; } - .lg\:focus\:from-teal-600:focus { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:ml-9\/12 { + margin-left: 75%; } - .lg\:focus\:from-teal-700:focus { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:mt-10\/12 { + margin-top: 83.333333%; } - .lg\:focus\:from-teal-800:focus { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:mr-10\/12 { + margin-right: 83.333333%; } - .lg\:focus\:from-teal-900:focus { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:mb-10\/12 { + margin-bottom: 83.333333%; } - .lg\:focus\:from-blue-50:focus { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:ml-10\/12 { + margin-left: 83.333333%; } - .lg\:focus\:from-blue-100:focus { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:mt-11\/12 { + margin-top: 91.666667%; } - .lg\:focus\:from-blue-200:focus { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:mr-11\/12 { + margin-right: 91.666667%; } - .lg\:focus\:from-blue-300:focus { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:mb-11\/12 { + margin-bottom: 91.666667%; } - .lg\:focus\:from-blue-400:focus { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:ml-11\/12 { + margin-left: 91.666667%; } - .lg\:focus\:from-blue-500:focus { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:mt-full { + margin-top: 100%; } - .lg\:focus\:from-blue-600:focus { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:mr-full { + margin-right: 100%; } - .lg\:focus\:from-blue-700:focus { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:mb-full { + margin-bottom: 100%; } - .lg\:focus\:from-blue-800:focus { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:ml-full { + margin-left: 100%; } - .lg\:focus\:from-blue-900:focus { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:focus\:from-indigo-50:focus { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:focus\:from-indigo-100:focus { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:focus\:from-indigo-200:focus { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:focus\:from-indigo-300:focus { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:focus\:from-indigo-400:focus { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:focus\:from-indigo-500:focus { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:focus\:from-indigo-600:focus { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:focus\:from-indigo-700:focus { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:focus\:from-indigo-800:focus { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:focus\:from-indigo-900:focus { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:focus\:from-purple-50:focus { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:focus\:from-purple-100:focus { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:focus\:from-purple-200:focus { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:focus\:from-purple-300:focus { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:focus\:from-purple-400:focus { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:focus\:from-purple-500:focus { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:focus\:from-purple-600:focus { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:focus\:from-purple-700:focus { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:focus\:from-purple-800:focus { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:focus\:from-purple-900:focus { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:focus\:from-pink-100:focus { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:focus\:from-pink-200:focus { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:focus\:from-pink-300:focus { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:-mt-7 { + margin-top: -1.75rem; } - .lg\:focus\:from-pink-400:focus { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:-mr-7 { + margin-right: -1.75rem; } - .lg\:focus\:from-pink-500:focus { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:focus\:from-pink-600:focus { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:-ml-7 { + margin-left: -1.75rem; } - .lg\:focus\:from-pink-700:focus { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:focus\:from-pink-800:focus { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:focus\:from-pink-900:focus { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:focus\:via-transparent:focus { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:focus\:via-current:focus { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-mt-9 { + margin-top: -2.25rem; } - .lg\:focus\:via-black:focus { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-mr-9 { + margin-right: -2.25rem; } - .lg\:focus\:via-white:focus { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:focus\:via-gray-50:focus { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + .lg\:-ml-9 { + margin-left: -2.25rem; } - .lg\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:focus\:via-gray-200:focus { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:focus\:via-gray-300:focus { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:focus\:via-gray-400:focus { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:focus\:via-gray-500:focus { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + .lg\:-mt-11 { + margin-top: -2.75rem; } - .lg\:focus\:via-gray-600:focus { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + .lg\:-mr-11 { + margin-right: -2.75rem; } - .lg\:focus\:via-gray-700:focus { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + .lg\:-mb-11 { + margin-bottom: -2.75rem; } - .lg\:focus\:via-gray-800:focus { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + .lg\:-ml-11 { + margin-left: -2.75rem; } - .lg\:focus\:via-gray-900:focus { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:focus\:via-red-50:focus { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:focus\:via-red-100:focus { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:focus\:via-red-200:focus { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:focus\:via-red-300:focus { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + .lg\:-mt-13 { + margin-top: -3.25rem; } - .lg\:focus\:via-red-400:focus { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + .lg\:-mr-13 { + margin-right: -3.25rem; } - .lg\:focus\:via-red-500:focus { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + .lg\:-mb-13 { + margin-bottom: -3.25rem; } - .lg\:focus\:via-red-600:focus { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + .lg\:-ml-13 { + margin-left: -3.25rem; } - .lg\:focus\:via-red-700:focus { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + .lg\:-mt-14 { + margin-top: -3.5rem; } - .lg\:focus\:via-red-800:focus { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + .lg\:-mr-14 { + margin-right: -3.5rem; } - .lg\:focus\:via-red-900:focus { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + .lg\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:focus\:via-orange-50:focus { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + .lg\:-ml-14 { + margin-left: -3.5rem; } - .lg\:focus\:via-orange-100:focus { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + .lg\:-mt-15 { + margin-top: -3.75rem; } - .lg\:focus\:via-orange-200:focus { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + .lg\:-mr-15 { + margin-right: -3.75rem; } - .lg\:focus\:via-orange-300:focus { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + .lg\:-mb-15 { + margin-bottom: -3.75rem; } - .lg\:focus\:via-orange-400:focus { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + .lg\:-ml-15 { + margin-left: -3.75rem; } - .lg\:focus\:via-orange-500:focus { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:focus\:via-orange-600:focus { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:focus\:via-orange-700:focus { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:focus\:via-orange-800:focus { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:focus\:via-orange-900:focus { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:focus\:via-yellow-50:focus { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:focus\:via-yellow-100:focus { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:focus\:via-yellow-200:focus { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:focus\:via-yellow-300:focus { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:focus\:via-yellow-400:focus { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:focus\:via-yellow-500:focus { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:focus\:via-yellow-600:focus { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:focus\:via-yellow-700:focus { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + .lg\:-mt-28 { + margin-top: -7rem; } - .lg\:focus\:via-yellow-800:focus { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + .lg\:-mr-28 { + margin-right: -7rem; } - .lg\:focus\:via-yellow-900:focus { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + .lg\:-mb-28 { + margin-bottom: -7rem; } - .lg\:focus\:via-green-50:focus { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + .lg\:-ml-28 { + margin-left: -7rem; } - .lg\:focus\:via-green-100:focus { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:focus\:via-green-200:focus { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:focus\:via-green-300:focus { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:focus\:via-green-400:focus { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:focus\:via-green-500:focus { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + .lg\:-mt-36 { + margin-top: -9rem; } - .lg\:focus\:via-green-600:focus { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + .lg\:-mr-36 { + margin-right: -9rem; } - .lg\:focus\:via-green-700:focus { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + .lg\:-mb-36 { + margin-bottom: -9rem; } - .lg\:focus\:via-green-800:focus { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + .lg\:-ml-36 { + margin-left: -9rem; } - .lg\:focus\:via-green-900:focus { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + .lg\:-mt-40 { + margin-top: -10rem; } - .lg\:focus\:via-teal-50:focus { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + .lg\:-mr-40 { + margin-right: -10rem; } - .lg\:focus\:via-teal-100:focus { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + .lg\:-mb-40 { + margin-bottom: -10rem; } - .lg\:focus\:via-teal-200:focus { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + .lg\:-ml-40 { + margin-left: -10rem; } - .lg\:focus\:via-teal-300:focus { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + .lg\:-mt-44 { + margin-top: -11rem; } - .lg\:focus\:via-teal-400:focus { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + .lg\:-mr-44 { + margin-right: -11rem; } - .lg\:focus\:via-teal-500:focus { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + .lg\:-mb-44 { + margin-bottom: -11rem; } - .lg\:focus\:via-teal-600:focus { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + .lg\:-ml-44 { + margin-left: -11rem; } - .lg\:focus\:via-teal-700:focus { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + .lg\:-mt-48 { + margin-top: -12rem; } - .lg\:focus\:via-teal-800:focus { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + .lg\:-mr-48 { + margin-right: -12rem; } - .lg\:focus\:via-teal-900:focus { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + .lg\:-mb-48 { + margin-bottom: -12rem; } - .lg\:focus\:via-blue-50:focus { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + .lg\:-ml-48 { + margin-left: -12rem; } - .lg\:focus\:via-blue-100:focus { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + .lg\:-mt-52 { + margin-top: -13rem; } - .lg\:focus\:via-blue-200:focus { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + .lg\:-mr-52 { + margin-right: -13rem; } - .lg\:focus\:via-blue-300:focus { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + .lg\:-mb-52 { + margin-bottom: -13rem; } - .lg\:focus\:via-blue-400:focus { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + .lg\:-ml-52 { + margin-left: -13rem; } - .lg\:focus\:via-blue-500:focus { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + .lg\:-mt-56 { + margin-top: -14rem; } - .lg\:focus\:via-blue-600:focus { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + .lg\:-mr-56 { + margin-right: -14rem; } - .lg\:focus\:via-blue-700:focus { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + .lg\:-mb-56 { + margin-bottom: -14rem; } - .lg\:focus\:via-blue-800:focus { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + .lg\:-ml-56 { + margin-left: -14rem; } - .lg\:focus\:via-blue-900:focus { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + .lg\:-mt-60 { + margin-top: -15rem; } - .lg\:focus\:via-indigo-50:focus { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + .lg\:-mr-60 { + margin-right: -15rem; } - .lg\:focus\:via-indigo-100:focus { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + .lg\:-mb-60 { + margin-bottom: -15rem; } - .lg\:focus\:via-indigo-200:focus { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + .lg\:-ml-60 { + margin-left: -15rem; } - .lg\:focus\:via-indigo-300:focus { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + .lg\:-mt-64 { + margin-top: -16rem; } - .lg\:focus\:via-indigo-400:focus { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + .lg\:-mr-64 { + margin-right: -16rem; } - .lg\:focus\:via-indigo-500:focus { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + .lg\:-mb-64 { + margin-bottom: -16rem; } - .lg\:focus\:via-indigo-600:focus { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + .lg\:-ml-64 { + margin-left: -16rem; } - .lg\:focus\:via-indigo-700:focus { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + .lg\:-mt-72 { + margin-top: -18rem; } - .lg\:focus\:via-indigo-800:focus { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + .lg\:-mr-72 { + margin-right: -18rem; } - .lg\:focus\:via-indigo-900:focus { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + .lg\:-mb-72 { + margin-bottom: -18rem; } - .lg\:focus\:via-purple-50:focus { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + .lg\:-ml-72 { + margin-left: -18rem; } - .lg\:focus\:via-purple-100:focus { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + .lg\:-mt-80 { + margin-top: -20rem; } - .lg\:focus\:via-purple-200:focus { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + .lg\:-mr-80 { + margin-right: -20rem; } - .lg\:focus\:via-purple-300:focus { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + .lg\:-mb-80 { + margin-bottom: -20rem; } - .lg\:focus\:via-purple-400:focus { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + .lg\:-ml-80 { + margin-left: -20rem; } - .lg\:focus\:via-purple-500:focus { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + .lg\:-mt-96 { + margin-top: -24rem; } - .lg\:focus\:via-purple-600:focus { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + .lg\:-mr-96 { + margin-right: -24rem; } - .lg\:focus\:via-purple-700:focus { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + .lg\:-mb-96 { + margin-bottom: -24rem; } - .lg\:focus\:via-purple-800:focus { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + .lg\:-ml-96 { + margin-left: -24rem; } - .lg\:focus\:via-purple-900:focus { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + .lg\:-mt-px { + margin-top: -1px; } - .lg\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:-mr-px { + margin-right: -1px; } - .lg\:focus\:via-pink-100:focus { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:focus\:via-pink-200:focus { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + .lg\:-ml-px { + margin-left: -1px; } - .lg\:focus\:via-pink-300:focus { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + .lg\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:focus\:via-pink-400:focus { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + .lg\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:focus\:via-pink-500:focus { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:focus\:via-pink-600:focus { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + .lg\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:focus\:via-pink-700:focus { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + .lg\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:focus\:via-pink-800:focus { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + .lg\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:focus\:via-pink-900:focus { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .lg\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .lg\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:focus\:to-black:focus { - --gradient-to-color: #000000; + .lg\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:focus\:to-white:focus { - --gradient-to-color: #ffffff; + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:focus\:to-gray-50:focus { - --gradient-to-color: #f9fafb; + .lg\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f5f7; + .lg\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:focus\:to-gray-200:focus { - --gradient-to-color: #e5e7eb; + .lg\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:focus\:to-gray-300:focus { - --gradient-to-color: #d2d6dc; + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:focus\:to-gray-400:focus { - --gradient-to-color: #9fa6b2; + .lg\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:focus\:to-gray-500:focus { - --gradient-to-color: #6b7280; + .lg\:-mt-1\/2 { + margin-top: -50%; } - .lg\:focus\:to-gray-600:focus { - --gradient-to-color: #4b5563; + .lg\:-mr-1\/2 { + margin-right: -50%; } - .lg\:focus\:to-gray-700:focus { - --gradient-to-color: #374151; + .lg\:-mb-1\/2 { + margin-bottom: -50%; } - .lg\:focus\:to-gray-800:focus { - --gradient-to-color: #252f3f; + .lg\:-ml-1\/2 { + margin-left: -50%; } - .lg\:focus\:to-gray-900:focus { - --gradient-to-color: #161e2e; + .lg\:-mt-1\/3 { + margin-top: -33.33333%; } - .lg\:focus\:to-red-50:focus { - --gradient-to-color: #fdf2f2; + .lg\:-mr-1\/3 { + margin-right: -33.33333%; } - .lg\:focus\:to-red-100:focus { - --gradient-to-color: #fde8e8; + .lg\:-mb-1\/3 { + margin-bottom: -33.33333%; } - .lg\:focus\:to-red-200:focus { - --gradient-to-color: #fbd5d5; + .lg\:-ml-1\/3 { + margin-left: -33.33333%; } - .lg\:focus\:to-red-300:focus { - --gradient-to-color: #f8b4b4; + .lg\:-mt-2\/3 { + margin-top: -66.66667%; } - .lg\:focus\:to-red-400:focus { - --gradient-to-color: #f98080; + .lg\:-mr-2\/3 { + margin-right: -66.66667%; } - .lg\:focus\:to-red-500:focus { - --gradient-to-color: #f05252; + .lg\:-mb-2\/3 { + margin-bottom: -66.66667%; } - .lg\:focus\:to-red-600:focus { - --gradient-to-color: #e02424; + .lg\:-ml-2\/3 { + margin-left: -66.66667%; } - .lg\:focus\:to-red-700:focus { - --gradient-to-color: #c81e1e; + .lg\:-mt-1\/4 { + margin-top: -25%; } - .lg\:focus\:to-red-800:focus { - --gradient-to-color: #9b1c1c; + .lg\:-mr-1\/4 { + margin-right: -25%; } - .lg\:focus\:to-red-900:focus { - --gradient-to-color: #771d1d; + .lg\:-mb-1\/4 { + margin-bottom: -25%; } - .lg\:focus\:to-orange-50:focus { - --gradient-to-color: #fff8f1; + .lg\:-ml-1\/4 { + margin-left: -25%; } - .lg\:focus\:to-orange-100:focus { - --gradient-to-color: #feecdc; + .lg\:-mt-2\/4 { + margin-top: -50%; } - .lg\:focus\:to-orange-200:focus { - --gradient-to-color: #fcd9bd; + .lg\:-mr-2\/4 { + margin-right: -50%; } - .lg\:focus\:to-orange-300:focus { - --gradient-to-color: #fdba8c; + .lg\:-mb-2\/4 { + margin-bottom: -50%; } - .lg\:focus\:to-orange-400:focus { - --gradient-to-color: #ff8a4c; + .lg\:-ml-2\/4 { + margin-left: -50%; } - .lg\:focus\:to-orange-500:focus { - --gradient-to-color: #ff5a1f; + .lg\:-mt-3\/4 { + margin-top: -75%; } - .lg\:focus\:to-orange-600:focus { - --gradient-to-color: #d03801; + .lg\:-mr-3\/4 { + margin-right: -75%; } - .lg\:focus\:to-orange-700:focus { - --gradient-to-color: #b43403; + .lg\:-mb-3\/4 { + margin-bottom: -75%; } - .lg\:focus\:to-orange-800:focus { - --gradient-to-color: #8a2c0d; + .lg\:-ml-3\/4 { + margin-left: -75%; } - .lg\:focus\:to-orange-900:focus { - --gradient-to-color: #73230d; + .lg\:-mt-1\/5 { + margin-top: -20%; } - .lg\:focus\:to-yellow-50:focus { - --gradient-to-color: #fdfdea; + .lg\:-mr-1\/5 { + margin-right: -20%; } - .lg\:focus\:to-yellow-100:focus { - --gradient-to-color: #fdf6b2; + .lg\:-mb-1\/5 { + margin-bottom: -20%; } - .lg\:focus\:to-yellow-200:focus { - --gradient-to-color: #fce96a; + .lg\:-ml-1\/5 { + margin-left: -20%; } - .lg\:focus\:to-yellow-300:focus { - --gradient-to-color: #faca15; + .lg\:-mt-2\/5 { + margin-top: -40%; } - .lg\:focus\:to-yellow-400:focus { - --gradient-to-color: #e3a008; + .lg\:-mr-2\/5 { + margin-right: -40%; } - .lg\:focus\:to-yellow-500:focus { - --gradient-to-color: #c27803; + .lg\:-mb-2\/5 { + margin-bottom: -40%; } - .lg\:focus\:to-yellow-600:focus { - --gradient-to-color: #9f580a; + .lg\:-ml-2\/5 { + margin-left: -40%; } - .lg\:focus\:to-yellow-700:focus { - --gradient-to-color: #8e4b10; + .lg\:-mt-3\/5 { + margin-top: -60%; } - .lg\:focus\:to-yellow-800:focus { - --gradient-to-color: #723b13; + .lg\:-mr-3\/5 { + margin-right: -60%; } - .lg\:focus\:to-yellow-900:focus { - --gradient-to-color: #633112; + .lg\:-mb-3\/5 { + margin-bottom: -60%; } - .lg\:focus\:to-green-50:focus { - --gradient-to-color: #f3faf7; + .lg\:-ml-3\/5 { + margin-left: -60%; } - .lg\:focus\:to-green-100:focus { - --gradient-to-color: #def7ec; + .lg\:-mt-4\/5 { + margin-top: -80%; } - .lg\:focus\:to-green-200:focus { - --gradient-to-color: #bcf0da; + .lg\:-mr-4\/5 { + margin-right: -80%; } - .lg\:focus\:to-green-300:focus { - --gradient-to-color: #84e1bc; + .lg\:-mb-4\/5 { + margin-bottom: -80%; } - .lg\:focus\:to-green-400:focus { - --gradient-to-color: #31c48d; + .lg\:-ml-4\/5 { + margin-left: -80%; } - .lg\:focus\:to-green-500:focus { - --gradient-to-color: #0e9f6e; + .lg\:-mt-1\/6 { + margin-top: -16.66667%; } - .lg\:focus\:to-green-600:focus { - --gradient-to-color: #057a55; + .lg\:-mr-1\/6 { + margin-right: -16.66667%; } - .lg\:focus\:to-green-700:focus { - --gradient-to-color: #046c4e; + .lg\:-mb-1\/6 { + margin-bottom: -16.66667%; } - .lg\:focus\:to-green-800:focus { - --gradient-to-color: #03543f; + .lg\:-ml-1\/6 { + margin-left: -16.66667%; } - .lg\:focus\:to-green-900:focus { - --gradient-to-color: #014737; + .lg\:-mt-2\/6 { + margin-top: -33.33333%; } - .lg\:focus\:to-teal-50:focus { - --gradient-to-color: #edfafa; + .lg\:-mr-2\/6 { + margin-right: -33.33333%; } - .lg\:focus\:to-teal-100:focus { - --gradient-to-color: #d5f5f6; + .lg\:-mb-2\/6 { + margin-bottom: -33.33333%; } - .lg\:focus\:to-teal-200:focus { - --gradient-to-color: #afecef; + .lg\:-ml-2\/6 { + margin-left: -33.33333%; } - .lg\:focus\:to-teal-300:focus { - --gradient-to-color: #7edce2; + .lg\:-mt-3\/6 { + margin-top: -50%; } - .lg\:focus\:to-teal-400:focus { - --gradient-to-color: #16bdca; + .lg\:-mr-3\/6 { + margin-right: -50%; } - .lg\:focus\:to-teal-500:focus { - --gradient-to-color: #0694a2; + .lg\:-mb-3\/6 { + margin-bottom: -50%; } - .lg\:focus\:to-teal-600:focus { - --gradient-to-color: #047481; + .lg\:-ml-3\/6 { + margin-left: -50%; } - .lg\:focus\:to-teal-700:focus { - --gradient-to-color: #036672; + .lg\:-mt-4\/6 { + margin-top: -66.66667%; } - .lg\:focus\:to-teal-800:focus { - --gradient-to-color: #05505c; + .lg\:-mr-4\/6 { + margin-right: -66.66667%; } - .lg\:focus\:to-teal-900:focus { - --gradient-to-color: #014451; + .lg\:-mb-4\/6 { + margin-bottom: -66.66667%; } - .lg\:focus\:to-blue-50:focus { - --gradient-to-color: #ebf5ff; + .lg\:-ml-4\/6 { + margin-left: -66.66667%; } - .lg\:focus\:to-blue-100:focus { - --gradient-to-color: #e1effe; + .lg\:-mt-5\/6 { + margin-top: -83.33333%; } - .lg\:focus\:to-blue-200:focus { - --gradient-to-color: #c3ddfd; + .lg\:-mr-5\/6 { + margin-right: -83.33333%; } - .lg\:focus\:to-blue-300:focus { - --gradient-to-color: #a4cafe; + .lg\:-mb-5\/6 { + margin-bottom: -83.33333%; } - .lg\:focus\:to-blue-400:focus { - --gradient-to-color: #76a9fa; + .lg\:-ml-5\/6 { + margin-left: -83.33333%; } - .lg\:focus\:to-blue-500:focus { - --gradient-to-color: #3f83f8; + .lg\:-mt-1\/12 { + margin-top: -8.33333%; } - .lg\:focus\:to-blue-600:focus { - --gradient-to-color: #1c64f2; + .lg\:-mr-1\/12 { + margin-right: -8.33333%; } - .lg\:focus\:to-blue-700:focus { - --gradient-to-color: #1a56db; + .lg\:-mb-1\/12 { + margin-bottom: -8.33333%; } - .lg\:focus\:to-blue-800:focus { - --gradient-to-color: #1e429f; + .lg\:-ml-1\/12 { + margin-left: -8.33333%; } - .lg\:focus\:to-blue-900:focus { - --gradient-to-color: #233876; + .lg\:-mt-2\/12 { + margin-top: -16.66667%; } - .lg\:focus\:to-indigo-50:focus { - --gradient-to-color: #f0f5ff; + .lg\:-mr-2\/12 { + margin-right: -16.66667%; } - .lg\:focus\:to-indigo-100:focus { - --gradient-to-color: #e5edff; + .lg\:-mb-2\/12 { + margin-bottom: -16.66667%; } - .lg\:focus\:to-indigo-200:focus { - --gradient-to-color: #cddbfe; + .lg\:-ml-2\/12 { + margin-left: -16.66667%; } - .lg\:focus\:to-indigo-300:focus { - --gradient-to-color: #b4c6fc; + .lg\:-mt-3\/12 { + margin-top: -25%; } - .lg\:focus\:to-indigo-400:focus { - --gradient-to-color: #8da2fb; + .lg\:-mr-3\/12 { + margin-right: -25%; } - .lg\:focus\:to-indigo-500:focus { - --gradient-to-color: #6875f5; + .lg\:-mb-3\/12 { + margin-bottom: -25%; } - .lg\:focus\:to-indigo-600:focus { - --gradient-to-color: #5850ec; + .lg\:-ml-3\/12 { + margin-left: -25%; } - .lg\:focus\:to-indigo-700:focus { - --gradient-to-color: #5145cd; + .lg\:-mt-4\/12 { + margin-top: -33.33333%; } - .lg\:focus\:to-indigo-800:focus { - --gradient-to-color: #42389d; + .lg\:-mr-4\/12 { + margin-right: -33.33333%; } - .lg\:focus\:to-indigo-900:focus { - --gradient-to-color: #362f78; + .lg\:-mb-4\/12 { + margin-bottom: -33.33333%; } - .lg\:focus\:to-purple-50:focus { - --gradient-to-color: #f6f5ff; + .lg\:-ml-4\/12 { + margin-left: -33.33333%; } - .lg\:focus\:to-purple-100:focus { - --gradient-to-color: #edebfe; + .lg\:-mt-5\/12 { + margin-top: -41.66667%; } - .lg\:focus\:to-purple-200:focus { - --gradient-to-color: #dcd7fe; + .lg\:-mr-5\/12 { + margin-right: -41.66667%; } - .lg\:focus\:to-purple-300:focus { - --gradient-to-color: #cabffd; + .lg\:-mb-5\/12 { + margin-bottom: -41.66667%; } - .lg\:focus\:to-purple-400:focus { - --gradient-to-color: #ac94fa; + .lg\:-ml-5\/12 { + margin-left: -41.66667%; } - .lg\:focus\:to-purple-500:focus { - --gradient-to-color: #9061f9; + .lg\:-mt-6\/12 { + margin-top: -50%; } - .lg\:focus\:to-purple-600:focus { - --gradient-to-color: #7e3af2; + .lg\:-mr-6\/12 { + margin-right: -50%; } - .lg\:focus\:to-purple-700:focus { - --gradient-to-color: #6c2bd9; + .lg\:-mb-6\/12 { + margin-bottom: -50%; } - .lg\:focus\:to-purple-800:focus { - --gradient-to-color: #5521b5; + .lg\:-ml-6\/12 { + margin-left: -50%; } - .lg\:focus\:to-purple-900:focus { - --gradient-to-color: #4a1d96; + .lg\:-mt-7\/12 { + margin-top: -58.33333%; } - .lg\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .lg\:-mr-7\/12 { + margin-right: -58.33333%; } - .lg\:focus\:to-pink-100:focus { - --gradient-to-color: #fce8f3; + .lg\:-mb-7\/12 { + margin-bottom: -58.33333%; } - .lg\:focus\:to-pink-200:focus { - --gradient-to-color: #fad1e8; + .lg\:-ml-7\/12 { + margin-left: -58.33333%; } - .lg\:focus\:to-pink-300:focus { - --gradient-to-color: #f8b4d9; + .lg\:-mt-8\/12 { + margin-top: -66.66667%; } - .lg\:focus\:to-pink-400:focus { - --gradient-to-color: #f17eb8; + .lg\:-mr-8\/12 { + margin-right: -66.66667%; } - .lg\:focus\:to-pink-500:focus { - --gradient-to-color: #e74694; + .lg\:-mb-8\/12 { + margin-bottom: -66.66667%; } - .lg\:focus\:to-pink-600:focus { - --gradient-to-color: #d61f69; + .lg\:-ml-8\/12 { + margin-left: -66.66667%; } - .lg\:focus\:to-pink-700:focus { - --gradient-to-color: #bf125d; + .lg\:-mt-9\/12 { + margin-top: -75%; } - .lg\:focus\:to-pink-800:focus { - --gradient-to-color: #99154b; + .lg\:-mr-9\/12 { + margin-right: -75%; } - .lg\:focus\:to-pink-900:focus { - --gradient-to-color: #751a3d; + .lg\:-mb-9\/12 { + margin-bottom: -75%; } - .lg\:bg-opacity-0 { - --bg-opacity: 0; + .lg\:-ml-9\/12 { + margin-left: -75%; } - .lg\:bg-opacity-25 { - --bg-opacity: 0.25; + .lg\:-mt-10\/12 { + margin-top: -83.33333%; } - .lg\:bg-opacity-50 { - --bg-opacity: 0.5; + .lg\:-mr-10\/12 { + margin-right: -83.33333%; } - .lg\:bg-opacity-75 { - --bg-opacity: 0.75; + .lg\:-mb-10\/12 { + margin-bottom: -83.33333%; } - .lg\:bg-opacity-100 { - --bg-opacity: 1; + .lg\:-ml-10\/12 { + margin-left: -83.33333%; } - .lg\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .lg\:-mt-11\/12 { + margin-top: -91.66667%; } - .lg\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .lg\:-mr-11\/12 { + margin-right: -91.66667%; } - .lg\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .lg\:-mb-11\/12 { + margin-bottom: -91.66667%; } - .lg\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .lg\:-ml-11\/12 { + margin-left: -91.66667%; } - .lg\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .lg\:-mt-full { + margin-top: -100%; } - .lg\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .lg\:-mr-full { + margin-right: -100%; } - .lg\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .lg\:-mb-full { + margin-bottom: -100%; } - .lg\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .lg\:-ml-full { + margin-left: -100%; } - .lg\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .lg\:max-h-0 { + max-height: 0; } - .lg\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .lg\:max-h-1 { + max-height: 0.25rem; } - .lg\:bg-bottom { - background-position: bottom; + .lg\:max-h-2 { + max-height: 0.5rem; } - .lg\:bg-center { - background-position: center; + .lg\:max-h-3 { + max-height: 0.75rem; } - .lg\:bg-left { - background-position: left; + .lg\:max-h-4 { + max-height: 1rem; } - .lg\:bg-left-bottom { - background-position: left bottom; + .lg\:max-h-5 { + max-height: 1.25rem; } - .lg\:bg-left-top { - background-position: left top; + .lg\:max-h-6 { + max-height: 1.5rem; } - .lg\:bg-right { - background-position: right; + .lg\:max-h-7 { + max-height: 1.75rem; } - .lg\:bg-right-bottom { - background-position: right bottom; + .lg\:max-h-8 { + max-height: 2rem; } - .lg\:bg-right-top { - background-position: right top; + .lg\:max-h-9 { + max-height: 2.25rem; } - .lg\:bg-top { - background-position: top; + .lg\:max-h-10 { + max-height: 2.5rem; } - .lg\:bg-repeat { - background-repeat: repeat; + .lg\:max-h-11 { + max-height: 2.75rem; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:max-h-12 { + max-height: 3rem; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:max-h-13 { + max-height: 3.25rem; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:max-h-14 { + max-height: 3.5rem; } - .lg\:bg-repeat-round { - background-repeat: round; + .lg\:max-h-15 { + max-height: 3.75rem; } - .lg\:bg-repeat-space { - background-repeat: space; + .lg\:max-h-16 { + max-height: 4rem; } - .lg\:bg-auto { - background-size: auto; + .lg\:max-h-20 { + max-height: 5rem; } - .lg\:bg-cover { - background-size: cover; + .lg\:max-h-24 { + max-height: 6rem; } - .lg\:bg-contain { - background-size: contain; + .lg\:max-h-28 { + max-height: 7rem; } - .lg\:border-collapse { - border-collapse: collapse; + .lg\:max-h-32 { + max-height: 8rem; } - .lg\:border-separate { - border-collapse: separate; + .lg\:max-h-36 { + max-height: 9rem; } - .lg\:border-transparent { - border-color: transparent; + .lg\:max-h-40 { + max-height: 10rem; } - .lg\:border-current { - border-color: currentColor; + .lg\:max-h-44 { + max-height: 11rem; } - .lg\:border-black { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:max-h-48 { + max-height: 12rem; } - .lg\:border-white { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:max-h-52 { + max-height: 13rem; } - .lg\:border-gray-50 { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + .lg\:max-h-56 { + max-height: 14rem; } - .lg\:border-gray-100 { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + .lg\:max-h-60 { + max-height: 15rem; } - .lg\:border-gray-200 { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + .lg\:max-h-64 { + max-height: 16rem; } - .lg\:border-gray-300 { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + .lg\:max-h-72 { + max-height: 18rem; } - .lg\:border-gray-400 { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + .lg\:max-h-80 { + max-height: 20rem; } - .lg\:border-gray-500 { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + .lg\:max-h-96 { + max-height: 24rem; } - .lg\:border-gray-600 { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:border-gray-700 { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + .lg\:max-h-px { + max-height: 1px; } - .lg\:border-gray-800 { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + .lg\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:border-gray-900 { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + .lg\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:border-red-50 { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + .lg\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:border-red-100 { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + .lg\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:border-red-200 { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + .lg\:max-h-1\/2 { + max-height: 50%; } - .lg\:border-red-300 { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + .lg\:max-h-1\/3 { + max-height: 33.333333%; } - .lg\:border-red-400 { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + .lg\:max-h-2\/3 { + max-height: 66.666667%; } - .lg\:border-red-500 { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + .lg\:max-h-1\/4 { + max-height: 25%; } - .lg\:border-red-600 { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + .lg\:max-h-2\/4 { + max-height: 50%; } - .lg\:border-red-700 { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + .lg\:max-h-3\/4 { + max-height: 75%; } - .lg\:border-red-800 { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + .lg\:max-h-1\/5 { + max-height: 20%; } - .lg\:border-red-900 { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + .lg\:max-h-2\/5 { + max-height: 40%; } - .lg\:border-orange-50 { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + .lg\:max-h-3\/5 { + max-height: 60%; } - .lg\:border-orange-100 { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + .lg\:max-h-4\/5 { + max-height: 80%; } - .lg\:border-orange-200 { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + .lg\:max-h-1\/6 { + max-height: 16.666667%; } - .lg\:border-orange-300 { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + .lg\:max-h-2\/6 { + max-height: 33.333333%; } - .lg\:border-orange-400 { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + .lg\:max-h-3\/6 { + max-height: 50%; } - .lg\:border-orange-500 { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + .lg\:max-h-4\/6 { + max-height: 66.666667%; } - .lg\:border-orange-600 { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + .lg\:max-h-5\/6 { + max-height: 83.333333%; } - .lg\:border-orange-700 { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + .lg\:max-h-1\/12 { + max-height: 8.333333%; } - .lg\:border-orange-800 { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + .lg\:max-h-2\/12 { + max-height: 16.666667%; } - .lg\:border-orange-900 { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + .lg\:max-h-3\/12 { + max-height: 25%; } - .lg\:border-yellow-50 { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + .lg\:max-h-4\/12 { + max-height: 33.333333%; } - .lg\:border-yellow-100 { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + .lg\:max-h-5\/12 { + max-height: 41.666667%; } - .lg\:border-yellow-200 { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + .lg\:max-h-6\/12 { + max-height: 50%; } - .lg\:border-yellow-300 { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + .lg\:max-h-7\/12 { + max-height: 58.333333%; } - .lg\:border-yellow-400 { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + .lg\:max-h-8\/12 { + max-height: 66.666667%; } - .lg\:border-yellow-500 { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + .lg\:max-h-9\/12 { + max-height: 75%; } - .lg\:border-yellow-600 { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + .lg\:max-h-10\/12 { + max-height: 83.333333%; } - .lg\:border-yellow-700 { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + .lg\:max-h-11\/12 { + max-height: 91.666667%; } - .lg\:border-yellow-800 { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + .lg\:max-h-full { + max-height: 100%; } - .lg\:border-yellow-900 { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + .lg\:max-w-0 { + max-width: 0rem; } - .lg\:border-green-50 { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + .lg\:max-w-none { + max-width: none; } - .lg\:border-green-100 { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:border-green-200 { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:border-green-300 { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + .lg\:max-w-md { + max-width: 28rem; } - .lg\:border-green-400 { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:border-green-500 { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:border-green-600 { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:border-green-700 { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:border-green-800 { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:border-green-900 { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:border-teal-50 { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .lg\:max-w-6xl { + max-width: 72rem; } - .lg\:border-teal-100 { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .lg\:max-w-7xl { + max-width: 80rem; } - .lg\:border-teal-200 { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .lg\:max-w-full { + max-width: 100%; } - .lg\:border-teal-300 { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .lg\:max-w-min-content { + max-width: min-content; } - .lg\:border-teal-400 { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .lg\:max-w-max-content { + max-width: max-content; } - .lg\:border-teal-500 { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .lg\:max-w-screen-sm { + max-width: 640px; } - .lg\:border-teal-600 { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .lg\:max-w-screen-md { + max-width: 768px; } - .lg\:border-teal-700 { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .lg\:max-w-screen-lg { + max-width: 1024px; } - .lg\:border-teal-800 { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .lg\:max-w-screen-xl { + max-width: 1280px; } - .lg\:border-teal-900 { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .lg\:min-h-0 { + min-height: 0; } - .lg\:border-blue-50 { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .lg\:min-h-full { + min-height: 100%; } - .lg\:border-blue-100 { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:border-blue-200 { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .lg\:min-w-0 { + min-width: 0; } - .lg\:border-blue-300 { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .lg\:min-w-full { + min-width: 100%; } - .lg\:border-blue-400 { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .lg\:min-w-min-content { + min-width: min-content; } - .lg\:border-blue-500 { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .lg\:min-w-max-content { + min-width: max-content; } - .lg\:border-blue-600 { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .lg\:object-contain { + object-fit: contain; } - .lg\:border-blue-700 { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .lg\:object-cover { + object-fit: cover; } - .lg\:border-blue-800 { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .lg\:object-fill { + object-fit: fill; } - .lg\:border-blue-900 { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .lg\:object-none { + object-fit: none; } - .lg\:border-indigo-50 { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .lg\:object-scale-down { + object-fit: scale-down; } - .lg\:border-indigo-100 { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .lg\:object-bottom { + object-position: bottom; } - .lg\:border-indigo-200 { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .lg\:object-center { + object-position: center; } - .lg\:border-indigo-300 { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .lg\:object-left { + object-position: left; } - .lg\:border-indigo-400 { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:border-indigo-500 { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .lg\:object-left-top { + object-position: left top; } - .lg\:border-indigo-600 { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .lg\:object-right { + object-position: right; } - .lg\:border-indigo-700 { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:border-indigo-800 { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .lg\:object-right-top { + object-position: right top; } - .lg\:border-indigo-900 { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .lg\:object-top { + object-position: top; } - .lg\:border-purple-50 { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .lg\:opacity-0 { + opacity: 0; } - .lg\:border-purple-100 { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:border-purple-200 { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:border-purple-300 { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:border-purple-400 { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .lg\:opacity-100 { + opacity: 1; } - .lg\:border-purple-500 { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:border-purple-600 { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:border-purple-700 { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:border-purple-800 { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:border-purple-900 { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:border-pink-50 { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:border-pink-100 { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:border-pink-200 { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:border-pink-300 { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:border-pink-400 { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:border-pink-500 { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .lg\:outline-none { + outline: 0; } - .lg\:border-pink-600 { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .lg\:focus\:outline-none:focus { + outline: 0; } - .lg\:border-pink-700 { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .lg\:overflow-auto { + overflow: auto; } - .lg\:border-pink-800 { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:border-pink-900 { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .lg\:overflow-visible { + overflow: visible; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:hover\:border-current:hover { - border-color: currentColor; + .lg\:overflow-x-auto { + overflow-x: auto; } - .lg\:hover\:border-black:hover { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:overflow-y-auto { + overflow-y: auto; } - .lg\:hover\:border-white:hover { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + .lg\:overflow-x-visible { + overflow-x: visible; } - .lg\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + .lg\:overflow-y-visible { + overflow-y: visible; } - .lg\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .lg\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .lg\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + .lg\:overscroll-auto { + overscroll-behavior: auto; } - .lg\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + .lg\:overscroll-contain { + overscroll-behavior: contain; } - .lg\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + .lg\:overscroll-none { + overscroll-behavior: none; } - .lg\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .lg\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + .lg\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .lg\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + .lg\:overscroll-y-none { + overscroll-behavior-y: none; } - .lg\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + .lg\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .lg\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .lg\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + .lg\:overscroll-x-none { + overscroll-behavior-x: none; } - .lg\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + .lg\:p-0 { + padding: 0; } - .lg\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + .lg\:p-1 { + padding: 0.25rem; } - .lg\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + .lg\:p-2 { + padding: 0.5rem; } - .lg\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + .lg\:p-3 { + padding: 0.75rem; } - .lg\:hover\:border-orange-50:hover { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + .lg\:p-4 { + padding: 1rem; } - .lg\:hover\:border-orange-100:hover { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + .lg\:p-5 { + padding: 1.25rem; } - .lg\:hover\:border-orange-200:hover { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + .lg\:p-6 { + padding: 1.5rem; } - .lg\:hover\:border-orange-300:hover { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + .lg\:p-7 { + padding: 1.75rem; } - .lg\:hover\:border-orange-400:hover { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + .lg\:p-8 { + padding: 2rem; } - .lg\:hover\:border-orange-500:hover { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + .lg\:p-9 { + padding: 2.25rem; } - .lg\:hover\:border-orange-600:hover { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + .lg\:p-10 { + padding: 2.5rem; } - .lg\:hover\:border-orange-700:hover { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + .lg\:p-11 { + padding: 2.75rem; } - .lg\:hover\:border-orange-800:hover { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + .lg\:p-12 { + padding: 3rem; } - .lg\:hover\:border-orange-900:hover { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + .lg\:p-13 { + padding: 3.25rem; } - .lg\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + .lg\:p-14 { + padding: 3.5rem; } - .lg\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + .lg\:p-15 { + padding: 3.75rem; } - .lg\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + .lg\:p-16 { + padding: 4rem; } - .lg\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + .lg\:p-20 { + padding: 5rem; } - .lg\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + .lg\:p-24 { + padding: 6rem; } - .lg\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + .lg\:p-28 { + padding: 7rem; } - .lg\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + .lg\:p-32 { + padding: 8rem; } - .lg\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + .lg\:p-36 { + padding: 9rem; } - .lg\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + .lg\:p-40 { + padding: 10rem; } - .lg\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + .lg\:p-44 { + padding: 11rem; } - .lg\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + .lg\:p-48 { + padding: 12rem; } - .lg\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + .lg\:p-52 { + padding: 13rem; } - .lg\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + .lg\:p-56 { + padding: 14rem; } - .lg\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + .lg\:p-60 { + padding: 15rem; } - .lg\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + .lg\:p-64 { + padding: 16rem; } - .lg\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + .lg\:p-72 { + padding: 18rem; } - .lg\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .lg\:p-80 { + padding: 20rem; } - .lg\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .lg\:p-96 { + padding: 24rem; } - .lg\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .lg\:p-px { + padding: 1px; } - .lg\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .lg\:p-0\.5 { + padding: 0.125rem; } - .lg\:hover\:border-teal-50:hover { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .lg\:p-1\.5 { + padding: 0.375rem; } - .lg\:hover\:border-teal-100:hover { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .lg\:p-2\.5 { + padding: 0.625rem; } - .lg\:hover\:border-teal-200:hover { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .lg\:p-3\.5 { + padding: 0.875rem; } - .lg\:hover\:border-teal-300:hover { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .lg\:p-1\/2 { + padding: 50%; } - .lg\:hover\:border-teal-400:hover { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .lg\:p-1\/3 { + padding: 33.333333%; } - .lg\:hover\:border-teal-500:hover { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .lg\:p-2\/3 { + padding: 66.666667%; } - .lg\:hover\:border-teal-600:hover { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .lg\:p-1\/4 { + padding: 25%; } - .lg\:hover\:border-teal-700:hover { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .lg\:p-2\/4 { + padding: 50%; } - .lg\:hover\:border-teal-800:hover { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .lg\:p-3\/4 { + padding: 75%; } - .lg\:hover\:border-teal-900:hover { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .lg\:p-1\/5 { + padding: 20%; } - .lg\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .lg\:p-2\/5 { + padding: 40%; } - .lg\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .lg\:p-3\/5 { + padding: 60%; } - .lg\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .lg\:p-4\/5 { + padding: 80%; } - .lg\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .lg\:p-1\/6 { + padding: 16.666667%; } - .lg\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .lg\:p-2\/6 { + padding: 33.333333%; } - .lg\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .lg\:p-3\/6 { + padding: 50%; } - .lg\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .lg\:p-4\/6 { + padding: 66.666667%; } - .lg\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .lg\:p-5\/6 { + padding: 83.333333%; } - .lg\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .lg\:p-1\/12 { + padding: 8.333333%; } - .lg\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .lg\:p-2\/12 { + padding: 16.666667%; } - .lg\:hover\:border-indigo-50:hover { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .lg\:p-3\/12 { + padding: 25%; } - .lg\:hover\:border-indigo-100:hover { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .lg\:p-4\/12 { + padding: 33.333333%; } - .lg\:hover\:border-indigo-200:hover { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .lg\:p-5\/12 { + padding: 41.666667%; } - .lg\:hover\:border-indigo-300:hover { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .lg\:p-6\/12 { + padding: 50%; } - .lg\:hover\:border-indigo-400:hover { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .lg\:p-7\/12 { + padding: 58.333333%; + } + + .lg\:p-8\/12 { + padding: 66.666667%; } - .lg\:hover\:border-indigo-500:hover { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .lg\:p-9\/12 { + padding: 75%; } - .lg\:hover\:border-indigo-600:hover { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .lg\:p-10\/12 { + padding: 83.333333%; } - .lg\:hover\:border-indigo-700:hover { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .lg\:p-11\/12 { + padding: 91.666667%; } - .lg\:hover\:border-indigo-800:hover { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .lg\:p-full { + padding: 100%; } - .lg\:hover\:border-indigo-900:hover { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .lg\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .lg\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .lg\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .lg\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .lg\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .lg\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .lg\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .lg\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:focus\:border-current:focus { - border-color: currentColor; + .lg\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } - .lg\:focus\:border-black:focus { - --border-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } - .lg\:focus\:border-white:focus { - --border-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--border-opacity)); + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--border-opacity)); + .lg\:py-13 { + padding-top: 3.25rem; + padding-bottom: 3.25rem; } - .lg\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--border-opacity)); + .lg\:px-13 { + padding-left: 3.25rem; + padding-right: 3.25rem; } - .lg\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--border-opacity)); + .lg\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .lg\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--border-opacity)); + .lg\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .lg\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--border-opacity)); + .lg\:py-15 { + padding-top: 3.75rem; + padding-bottom: 3.75rem; } - .lg\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--border-opacity)); + .lg\:px-15 { + padding-left: 3.75rem; + padding-right: 3.75rem; } - .lg\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--border-opacity)); + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--border-opacity)); + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--border-opacity)); + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--border-opacity)); + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--border-opacity)); + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--border-opacity)); + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--border-opacity)); + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .lg\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--border-opacity)); + .lg\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .lg\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--border-opacity)); + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--border-opacity)); + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--border-opacity)); + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .lg\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--border-opacity)); + .lg\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .lg\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--border-opacity)); + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:focus\:border-orange-50:focus { - --border-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--border-opacity)); + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:focus\:border-orange-100:focus { - --border-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--border-opacity)); + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .lg\:focus\:border-orange-200:focus { - --border-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--border-opacity)); + .lg\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .lg\:focus\:border-orange-300:focus { - --border-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--border-opacity)); + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:focus\:border-orange-400:focus { - --border-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--border-opacity)); + .lg\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:focus\:border-orange-500:focus { - --border-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--border-opacity)); + .lg\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .lg\:focus\:border-orange-600:focus { - --border-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--border-opacity)); + .lg\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .lg\:focus\:border-orange-700:focus { - --border-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--border-opacity)); + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:focus\:border-orange-800:focus { - --border-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--border-opacity)); + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:focus\:border-orange-900:focus { - --border-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--border-opacity)); + .lg\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .lg\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--border-opacity)); + .lg\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .lg\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--border-opacity)); + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--border-opacity)); + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--border-opacity)); + .lg\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .lg\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--border-opacity)); + .lg\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .lg\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--border-opacity)); + .lg\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .lg\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--border-opacity)); + .lg\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .lg\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--border-opacity)); + .lg\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .lg\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--border-opacity)); + .lg\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .lg\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--border-opacity)); + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--border-opacity)); + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--border-opacity)); + .lg\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .lg\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--border-opacity)); + .lg\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .lg\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--border-opacity)); + .lg\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .lg\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--border-opacity)); + .lg\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .lg\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--border-opacity)); + .lg\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .lg\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--border-opacity)); + .lg\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .lg\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--border-opacity)); + .lg\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .lg\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--border-opacity)); + .lg\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .lg\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--border-opacity)); + .lg\:py-1\/2 { + padding-top: 50%; + padding-bottom: 50%; } - .lg\:focus\:border-teal-50:focus { - --border-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--border-opacity)); + .lg\:px-1\/2 { + padding-left: 50%; + padding-right: 50%; } - .lg\:focus\:border-teal-100:focus { - --border-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--border-opacity)); + .lg\:py-1\/3 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .lg\:focus\:border-teal-200:focus { - --border-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--border-opacity)); + .lg\:px-1\/3 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .lg\:focus\:border-teal-300:focus { - --border-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--border-opacity)); + .lg\:py-2\/3 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .lg\:focus\:border-teal-400:focus { - --border-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--border-opacity)); + .lg\:px-2\/3 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .lg\:focus\:border-teal-500:focus { - --border-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--border-opacity)); + .lg\:py-1\/4 { + padding-top: 25%; + padding-bottom: 25%; } - .lg\:focus\:border-teal-600:focus { - --border-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--border-opacity)); + .lg\:px-1\/4 { + padding-left: 25%; + padding-right: 25%; } - .lg\:focus\:border-teal-700:focus { - --border-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--border-opacity)); + .lg\:py-2\/4 { + padding-top: 50%; + padding-bottom: 50%; } - .lg\:focus\:border-teal-800:focus { - --border-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--border-opacity)); + .lg\:px-2\/4 { + padding-left: 50%; + padding-right: 50%; } - .lg\:focus\:border-teal-900:focus { - --border-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--border-opacity)); + .lg\:py-3\/4 { + padding-top: 75%; + padding-bottom: 75%; } - .lg\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--border-opacity)); + .lg\:px-3\/4 { + padding-left: 75%; + padding-right: 75%; } - .lg\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--border-opacity)); + .lg\:py-1\/5 { + padding-top: 20%; + padding-bottom: 20%; } - .lg\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--border-opacity)); + .lg\:px-1\/5 { + padding-left: 20%; + padding-right: 20%; } - .lg\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--border-opacity)); + .lg\:py-2\/5 { + padding-top: 40%; + padding-bottom: 40%; } - .lg\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--border-opacity)); + .lg\:px-2\/5 { + padding-left: 40%; + padding-right: 40%; } - .lg\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--border-opacity)); + .lg\:py-3\/5 { + padding-top: 60%; + padding-bottom: 60%; } - .lg\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--border-opacity)); + .lg\:px-3\/5 { + padding-left: 60%; + padding-right: 60%; } - .lg\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--border-opacity)); + .lg\:py-4\/5 { + padding-top: 80%; + padding-bottom: 80%; } - .lg\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--border-opacity)); + .lg\:px-4\/5 { + padding-left: 80%; + padding-right: 80%; } - .lg\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--border-opacity)); + .lg\:py-1\/6 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } - .lg\:focus\:border-indigo-50:focus { - --border-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--border-opacity)); + .lg\:px-1\/6 { + padding-left: 16.666667%; + padding-right: 16.666667%; } - .lg\:focus\:border-indigo-100:focus { - --border-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--border-opacity)); + .lg\:py-2\/6 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .lg\:focus\:border-indigo-200:focus { - --border-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--border-opacity)); + .lg\:px-2\/6 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .lg\:focus\:border-indigo-300:focus { - --border-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--border-opacity)); + .lg\:py-3\/6 { + padding-top: 50%; + padding-bottom: 50%; } - .lg\:focus\:border-indigo-400:focus { - --border-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--border-opacity)); + .lg\:px-3\/6 { + padding-left: 50%; + padding-right: 50%; } - .lg\:focus\:border-indigo-500:focus { - --border-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--border-opacity)); + .lg\:py-4\/6 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .lg\:focus\:border-indigo-600:focus { - --border-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--border-opacity)); + .lg\:px-4\/6 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .lg\:focus\:border-indigo-700:focus { - --border-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--border-opacity)); + .lg\:py-5\/6 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } - .lg\:focus\:border-indigo-800:focus { - --border-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--border-opacity)); + .lg\:px-5\/6 { + padding-left: 83.333333%; + padding-right: 83.333333%; } - .lg\:focus\:border-indigo-900:focus { - --border-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--border-opacity)); + .lg\:py-1\/12 { + padding-top: 8.333333%; + padding-bottom: 8.333333%; } - .lg\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--border-opacity)); + .lg\:px-1\/12 { + padding-left: 8.333333%; + padding-right: 8.333333%; } - .lg\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--border-opacity)); + .lg\:py-2\/12 { + padding-top: 16.666667%; + padding-bottom: 16.666667%; } - .lg\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--border-opacity)); + .lg\:px-2\/12 { + padding-left: 16.666667%; + padding-right: 16.666667%; } - .lg\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--border-opacity)); + .lg\:py-3\/12 { + padding-top: 25%; + padding-bottom: 25%; } - .lg\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--border-opacity)); + .lg\:px-3\/12 { + padding-left: 25%; + padding-right: 25%; } - .lg\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--border-opacity)); + .lg\:py-4\/12 { + padding-top: 33.333333%; + padding-bottom: 33.333333%; } - .lg\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--border-opacity)); + .lg\:px-4\/12 { + padding-left: 33.333333%; + padding-right: 33.333333%; } - .lg\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--border-opacity)); + .lg\:py-5\/12 { + padding-top: 41.666667%; + padding-bottom: 41.666667%; } - .lg\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--border-opacity)); + .lg\:px-5\/12 { + padding-left: 41.666667%; + padding-right: 41.666667%; } - .lg\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--border-opacity)); + .lg\:py-6\/12 { + padding-top: 50%; + padding-bottom: 50%; } - .lg\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:px-6\/12 { + padding-left: 50%; + padding-right: 50%; } - .lg\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--border-opacity)); + .lg\:py-7\/12 { + padding-top: 58.333333%; + padding-bottom: 58.333333%; } - .lg\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--border-opacity)); + .lg\:px-7\/12 { + padding-left: 58.333333%; + padding-right: 58.333333%; } - .lg\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--border-opacity)); + .lg\:py-8\/12 { + padding-top: 66.666667%; + padding-bottom: 66.666667%; } - .lg\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--border-opacity)); + .lg\:px-8\/12 { + padding-left: 66.666667%; + padding-right: 66.666667%; } - .lg\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--border-opacity)); + .lg\:py-9\/12 { + padding-top: 75%; + padding-bottom: 75%; } - .lg\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--border-opacity)); + .lg\:px-9\/12 { + padding-left: 75%; + padding-right: 75%; } - .lg\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--border-opacity)); + .lg\:py-10\/12 { + padding-top: 83.333333%; + padding-bottom: 83.333333%; } - .lg\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--border-opacity)); + .lg\:px-10\/12 { + padding-left: 83.333333%; + padding-right: 83.333333%; } - .lg\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--border-opacity)); + .lg\:py-11\/12 { + padding-top: 91.666667%; + padding-bottom: 91.666667%; } - .lg\:border-opacity-0 { - --border-opacity: 0; + .lg\:px-11\/12 { + padding-left: 91.666667%; + padding-right: 91.666667%; } - .lg\:border-opacity-25 { - --border-opacity: 0.25; + .lg\:py-full { + padding-top: 100%; + padding-bottom: 100%; } - .lg\:border-opacity-50 { - --border-opacity: 0.5; + .lg\:px-full { + padding-left: 100%; + padding-right: 100%; } - .lg\:border-opacity-75 { - --border-opacity: 0.75; + .lg\:pt-0 { + padding-top: 0; } - .lg\:border-opacity-100 { - --border-opacity: 1; + .lg\:pr-0 { + padding-right: 0; } - .lg\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .lg\:pb-0 { + padding-bottom: 0; } - .lg\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .lg\:pl-0 { + padding-left: 0; } - .lg\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .lg\:pt-1 { + padding-top: 0.25rem; } - .lg\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .lg\:pr-1 { + padding-right: 0.25rem; } - .lg\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .lg\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .lg\:pl-1 { + padding-left: 0.25rem; } - .lg\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .lg\:pt-2 { + padding-top: 0.5rem; } - .lg\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .lg\:pr-2 { + padding-right: 0.5rem; } - .lg\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .lg\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .lg\:pl-2 { + padding-left: 0.5rem; } - .lg\:rounded-none { - border-radius: 0; + .lg\:pt-3 { + padding-top: 0.75rem; } - .lg\:rounded-sm { - border-radius: 0.125rem; + .lg\:pr-3 { + padding-right: 0.75rem; } - .lg\:rounded { - border-radius: 0.25rem; + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .lg\:rounded-md { - border-radius: 0.375rem; + .lg\:pl-3 { + padding-left: 0.75rem; } - .lg\:rounded-lg { - border-radius: 0.5rem; + .lg\:pt-4 { + padding-top: 1rem; } - .lg\:rounded-full { - border-radius: 9999px; + .lg\:pr-4 { + padding-right: 1rem; } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .lg\:pb-4 { + padding-bottom: 1rem; } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .lg\:pl-4 { + padding-left: 1rem; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .lg\:pt-5 { + padding-top: 1.25rem; } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .lg\:pr-5 { + padding-right: 1.25rem; } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .lg\:pl-5 { + padding-left: 1.25rem; } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:pt-6 { + padding-top: 1.5rem; } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:pr-6 { + padding-right: 1.5rem; } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .lg\:pl-6 { + padding-left: 1.5rem; } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:pt-7 { + padding-top: 1.75rem; } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:pr-7 { + padding-right: 1.75rem; } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .lg\:pb-7 { + padding-bottom: 1.75rem; } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .lg\:pl-7 { + padding-left: 1.75rem; } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:pt-8 { + padding-top: 2rem; } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:pr-8 { + padding-right: 2rem; } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .lg\:pb-8 { + padding-bottom: 2rem; } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .lg\:pl-8 { + padding-left: 2rem; } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:pt-9 { + padding-top: 2.25rem; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:pr-9 { + padding-right: 2.25rem; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:pb-9 { + padding-bottom: 2.25rem; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:pl-9 { + padding-left: 2.25rem; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:pt-10 { + padding-top: 2.5rem; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:pr-10 { + padding-right: 2.5rem; } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .lg\:pl-10 { + padding-left: 2.5rem; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .lg\:pt-11 { + padding-top: 2.75rem; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .lg\:pr-11 { + padding-right: 2.75rem; } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .lg\:pb-11 { + padding-bottom: 2.75rem; } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .lg\:pl-11 { + padding-left: 2.75rem; } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .lg\:pt-12 { + padding-top: 3rem; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .lg\:pr-12 { + padding-right: 3rem; } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .lg\:pb-12 { + padding-bottom: 3rem; } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .lg\:pl-12 { + padding-left: 3rem; } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .lg\:pt-13 { + padding-top: 3.25rem; } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .lg\:pr-13 { + padding-right: 3.25rem; } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .lg\:pb-13 { + padding-bottom: 3.25rem; } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .lg\:pl-13 { + padding-left: 3.25rem; } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .lg\:pt-14 { + padding-top: 3.5rem; } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .lg\:pr-14 { + padding-right: 3.5rem; } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .lg\:pb-14 { + padding-bottom: 3.5rem; } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .lg\:pl-14 { + padding-left: 3.5rem; } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .lg\:pt-15 { + padding-top: 3.75rem; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .lg\:pr-15 { + padding-right: 3.75rem; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:pb-15 { + padding-bottom: 3.75rem; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:pl-15 { + padding-left: 3.75rem; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:pt-16 { + padding-top: 4rem; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:pr-16 { + padding-right: 4rem; } - .lg\:border-solid { - border-style: solid; + .lg\:pb-16 { + padding-bottom: 4rem; } - .lg\:border-dashed { - border-style: dashed; + .lg\:pl-16 { + padding-left: 4rem; } - .lg\:border-dotted { - border-style: dotted; + .lg\:pt-20 { + padding-top: 5rem; } - .lg\:border-double { - border-style: double; + .lg\:pr-20 { + padding-right: 5rem; } - .lg\:border-none { - border-style: none; + .lg\:pb-20 { + padding-bottom: 5rem; } - .lg\:border-0 { - border-width: 0; + .lg\:pl-20 { + padding-left: 5rem; } - .lg\:border-2 { - border-width: 2px; + .lg\:pt-24 { + padding-top: 6rem; } - .lg\:border-4 { - border-width: 4px; + .lg\:pr-24 { + padding-right: 6rem; } - .lg\:border-8 { - border-width: 8px; + .lg\:pb-24 { + padding-bottom: 6rem; } - .lg\:border { - border-width: 1px; + .lg\:pl-24 { + padding-left: 6rem; } - .lg\:border-t-0 { - border-top-width: 0; + .lg\:pt-28 { + padding-top: 7rem; } - .lg\:border-r-0 { - border-right-width: 0; + .lg\:pr-28 { + padding-right: 7rem; } - .lg\:border-b-0 { - border-bottom-width: 0; + .lg\:pb-28 { + padding-bottom: 7rem; } - .lg\:border-l-0 { - border-left-width: 0; + .lg\:pl-28 { + padding-left: 7rem; } - .lg\:border-t-2 { - border-top-width: 2px; + .lg\:pt-32 { + padding-top: 8rem; } - .lg\:border-r-2 { - border-right-width: 2px; + .lg\:pr-32 { + padding-right: 8rem; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .lg\:pb-32 { + padding-bottom: 8rem; } - .lg\:border-l-2 { - border-left-width: 2px; + .lg\:pl-32 { + padding-left: 8rem; } - .lg\:border-t-4 { - border-top-width: 4px; + .lg\:pt-36 { + padding-top: 9rem; } - .lg\:border-r-4 { - border-right-width: 4px; + .lg\:pr-36 { + padding-right: 9rem; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .lg\:pb-36 { + padding-bottom: 9rem; } - .lg\:border-l-4 { - border-left-width: 4px; + .lg\:pl-36 { + padding-left: 9rem; } - .lg\:border-t-8 { - border-top-width: 8px; + .lg\:pt-40 { + padding-top: 10rem; } - .lg\:border-r-8 { - border-right-width: 8px; + .lg\:pr-40 { + padding-right: 10rem; } - .lg\:border-b-8 { - border-bottom-width: 8px; + .lg\:pb-40 { + padding-bottom: 10rem; } - .lg\:border-l-8 { - border-left-width: 8px; + .lg\:pl-40 { + padding-left: 10rem; } - .lg\:border-t { - border-top-width: 1px; + .lg\:pt-44 { + padding-top: 11rem; } - .lg\:border-r { - border-right-width: 1px; + .lg\:pr-44 { + padding-right: 11rem; } - .lg\:border-b { - border-bottom-width: 1px; + .lg\:pb-44 { + padding-bottom: 11rem; } - .lg\:border-l { - border-left-width: 1px; + .lg\:pl-44 { + padding-left: 11rem; } - .lg\:box-border { - box-sizing: border-box; + .lg\:pt-48 { + padding-top: 12rem; } - .lg\:box-content { - box-sizing: content-box; + .lg\:pr-48 { + padding-right: 12rem; } - .lg\:cursor-auto { - cursor: auto; + .lg\:pb-48 { + padding-bottom: 12rem; } - .lg\:cursor-default { - cursor: default; + .lg\:pl-48 { + padding-left: 12rem; } - .lg\:cursor-pointer { - cursor: pointer; + .lg\:pt-52 { + padding-top: 13rem; } - .lg\:cursor-wait { - cursor: wait; + .lg\:pr-52 { + padding-right: 13rem; } - .lg\:cursor-text { - cursor: text; + .lg\:pb-52 { + padding-bottom: 13rem; } - .lg\:cursor-move { - cursor: move; + .lg\:pl-52 { + padding-left: 13rem; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .lg\:pt-56 { + padding-top: 14rem; } - .lg\:block { - display: block; + .lg\:pr-56 { + padding-right: 14rem; } - .lg\:inline-block { - display: inline-block; + .lg\:pb-56 { + padding-bottom: 14rem; } - .lg\:inline { - display: inline; + .lg\:pl-56 { + padding-left: 14rem; } - .lg\:flex { - display: flex; + .lg\:pt-60 { + padding-top: 15rem; } - .lg\:inline-flex { - display: inline-flex; + .lg\:pr-60 { + padding-right: 15rem; } - .lg\:table { - display: table; + .lg\:pb-60 { + padding-bottom: 15rem; } - .lg\:table-caption { - display: table-caption; + .lg\:pl-60 { + padding-left: 15rem; } - .lg\:table-cell { - display: table-cell; + .lg\:pt-64 { + padding-top: 16rem; } - .lg\:table-column { - display: table-column; + .lg\:pr-64 { + padding-right: 16rem; } - .lg\:table-column-group { - display: table-column-group; + .lg\:pb-64 { + padding-bottom: 16rem; } - .lg\:table-footer-group { - display: table-footer-group; + .lg\:pl-64 { + padding-left: 16rem; } - .lg\:table-header-group { - display: table-header-group; + .lg\:pt-72 { + padding-top: 18rem; } - .lg\:table-row-group { - display: table-row-group; + .lg\:pr-72 { + padding-right: 18rem; } - .lg\:table-row { - display: table-row; + .lg\:pb-72 { + padding-bottom: 18rem; } - .lg\:flow-root { - display: flow-root; + .lg\:pl-72 { + padding-left: 18rem; } - .lg\:grid { - display: grid; + .lg\:pt-80 { + padding-top: 20rem; } - .lg\:inline-grid { - display: inline-grid; + .lg\:pr-80 { + padding-right: 20rem; } - .lg\:contents { - display: contents; + .lg\:pb-80 { + padding-bottom: 20rem; } - .lg\:hidden { - display: none; + .lg\:pl-80 { + padding-left: 20rem; } - .lg\:flex-row { - flex-direction: row; + .lg\:pt-96 { + padding-top: 24rem; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:pr-96 { + padding-right: 24rem; } - .lg\:flex-col { - flex-direction: column; + .lg\:pb-96 { + padding-bottom: 24rem; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:pl-96 { + padding-left: 24rem; } - .lg\:flex-wrap { - flex-wrap: wrap; + .lg\:pt-px { + padding-top: 1px; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:pr-px { + padding-right: 1px; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .lg\:pb-px { + padding-bottom: 1px; } - .lg\:items-start { - align-items: flex-start; + .lg\:pl-px { + padding-left: 1px; } - .lg\:items-end { - align-items: flex-end; + .lg\:pt-0\.5 { + padding-top: 0.125rem; } - .lg\:items-center { - align-items: center; + .lg\:pr-0\.5 { + padding-right: 0.125rem; } - .lg\:items-baseline { - align-items: baseline; + .lg\:pb-0\.5 { + padding-bottom: 0.125rem; } - .lg\:items-stretch { - align-items: stretch; + .lg\:pl-0\.5 { + padding-left: 0.125rem; } - .lg\:self-auto { - align-self: auto; + .lg\:pt-1\.5 { + padding-top: 0.375rem; } - .lg\:self-start { - align-self: flex-start; + .lg\:pr-1\.5 { + padding-right: 0.375rem; } - .lg\:self-end { - align-self: flex-end; + .lg\:pb-1\.5 { + padding-bottom: 0.375rem; } - .lg\:self-center { - align-self: center; + .lg\:pl-1\.5 { + padding-left: 0.375rem; } - .lg\:self-stretch { - align-self: stretch; + .lg\:pt-2\.5 { + padding-top: 0.625rem; } - .lg\:justify-start { - justify-content: flex-start; + .lg\:pr-2\.5 { + padding-right: 0.625rem; } - .lg\:justify-end { - justify-content: flex-end; + .lg\:pb-2\.5 { + padding-bottom: 0.625rem; } - .lg\:justify-center { - justify-content: center; + .lg\:pl-2\.5 { + padding-left: 0.625rem; } - .lg\:justify-between { - justify-content: space-between; + .lg\:pt-3\.5 { + padding-top: 0.875rem; } - .lg\:justify-around { - justify-content: space-around; + .lg\:pr-3\.5 { + padding-right: 0.875rem; } - .lg\:justify-evenly { - justify-content: space-evenly; + .lg\:pb-3\.5 { + padding-bottom: 0.875rem; } - .lg\:content-center { - align-content: center; + .lg\:pl-3\.5 { + padding-left: 0.875rem; } - .lg\:content-start { - align-content: flex-start; + .lg\:pt-1\/2 { + padding-top: 50%; } - .lg\:content-end { - align-content: flex-end; + .lg\:pr-1\/2 { + padding-right: 50%; } - .lg\:content-between { - align-content: space-between; + .lg\:pb-1\/2 { + padding-bottom: 50%; } - .lg\:content-around { - align-content: space-around; + .lg\:pl-1\/2 { + padding-left: 50%; } - .lg\:flex-1 { - flex: 1 1 0%; + .lg\:pt-1\/3 { + padding-top: 33.333333%; } - .lg\:flex-auto { - flex: 1 1 auto; + .lg\:pr-1\/3 { + padding-right: 33.333333%; } - .lg\:flex-initial { - flex: 0 1 auto; + .lg\:pb-1\/3 { + padding-bottom: 33.333333%; } - .lg\:flex-none { - flex: none; + .lg\:pl-1\/3 { + padding-left: 33.333333%; } - .lg\:flex-grow-0 { - flex-grow: 0; + .lg\:pt-2\/3 { + padding-top: 66.666667%; } - .lg\:flex-grow { - flex-grow: 1; + .lg\:pr-2\/3 { + padding-right: 66.666667%; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .lg\:pb-2\/3 { + padding-bottom: 66.666667%; } - .lg\:flex-shrink { - flex-shrink: 1; + .lg\:pl-2\/3 { + padding-left: 66.666667%; } - .lg\:order-1 { - order: 1; + .lg\:pt-1\/4 { + padding-top: 25%; } - .lg\:order-2 { - order: 2; + .lg\:pr-1\/4 { + padding-right: 25%; } - .lg\:order-3 { - order: 3; + .lg\:pb-1\/4 { + padding-bottom: 25%; } - .lg\:order-4 { - order: 4; + .lg\:pl-1\/4 { + padding-left: 25%; } - .lg\:order-5 { - order: 5; + .lg\:pt-2\/4 { + padding-top: 50%; } - .lg\:order-6 { - order: 6; + .lg\:pr-2\/4 { + padding-right: 50%; } - .lg\:order-7 { - order: 7; + .lg\:pb-2\/4 { + padding-bottom: 50%; } - .lg\:order-8 { - order: 8; + .lg\:pl-2\/4 { + padding-left: 50%; } - .lg\:order-9 { - order: 9; + .lg\:pt-3\/4 { + padding-top: 75%; } - .lg\:order-10 { - order: 10; + .lg\:pr-3\/4 { + padding-right: 75%; } - .lg\:order-11 { - order: 11; + .lg\:pb-3\/4 { + padding-bottom: 75%; } - .lg\:order-12 { - order: 12; + .lg\:pl-3\/4 { + padding-left: 75%; } - .lg\:order-first { - order: -9999; + .lg\:pt-1\/5 { + padding-top: 20%; } - .lg\:order-last { - order: 9999; + .lg\:pr-1\/5 { + padding-right: 20%; } - .lg\:order-none { - order: 0; + .lg\:pb-1\/5 { + padding-bottom: 20%; } - .lg\:float-right { - float: right; + .lg\:pl-1\/5 { + padding-left: 20%; } - .lg\:float-left { - float: left; + .lg\:pt-2\/5 { + padding-top: 40%; } - .lg\:float-none { - float: none; + .lg\:pr-2\/5 { + padding-right: 40%; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .lg\:pb-2\/5 { + padding-bottom: 40%; } - .lg\:clear-left { - clear: left; + .lg\:pl-2\/5 { + padding-left: 40%; } - .lg\:clear-right { - clear: right; + .lg\:pt-3\/5 { + padding-top: 60%; } - .lg\:clear-both { - clear: both; + .lg\:pr-3\/5 { + padding-right: 60%; } - .lg\:clear-none { - clear: none; + .lg\:pb-3\/5 { + padding-bottom: 60%; } - .lg\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .lg\:pl-3\/5 { + padding-left: 60%; } - .lg\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .lg\:pt-4\/5 { + padding-top: 80%; } - .lg\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .lg\:pr-4\/5 { + padding-right: 80%; } - .lg\:font-hairline { - font-weight: 100; + .lg\:pb-4\/5 { + padding-bottom: 80%; } - .lg\:font-thin { - font-weight: 200; + .lg\:pl-4\/5 { + padding-left: 80%; } - .lg\:font-light { - font-weight: 300; + .lg\:pt-1\/6 { + padding-top: 16.666667%; } - .lg\:font-normal { - font-weight: 400; + .lg\:pr-1\/6 { + padding-right: 16.666667%; } - .lg\:font-medium { - font-weight: 500; + .lg\:pb-1\/6 { + padding-bottom: 16.666667%; } - .lg\:font-semibold { - font-weight: 600; + .lg\:pl-1\/6 { + padding-left: 16.666667%; } - .lg\:font-bold { - font-weight: 700; + .lg\:pt-2\/6 { + padding-top: 33.333333%; } - .lg\:font-extrabold { - font-weight: 800; + .lg\:pr-2\/6 { + padding-right: 33.333333%; } - .lg\:font-black { - font-weight: 900; + .lg\:pb-2\/6 { + padding-bottom: 33.333333%; } - .lg\:hover\:font-hairline:hover { - font-weight: 100; + .lg\:pl-2\/6 { + padding-left: 33.333333%; } - .lg\:hover\:font-thin:hover { - font-weight: 200; + .lg\:pt-3\/6 { + padding-top: 50%; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .lg\:pr-3\/6 { + padding-right: 50%; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .lg\:pb-3\/6 { + padding-bottom: 50%; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .lg\:pl-3\/6 { + padding-left: 50%; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .lg\:pt-4\/6 { + padding-top: 66.666667%; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .lg\:pr-4\/6 { + padding-right: 66.666667%; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .lg\:pb-4\/6 { + padding-bottom: 66.666667%; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .lg\:pl-4\/6 { + padding-left: 66.666667%; } - .lg\:focus\:font-hairline:focus { - font-weight: 100; + .lg\:pt-5\/6 { + padding-top: 83.333333%; } - .lg\:focus\:font-thin:focus { - font-weight: 200; + .lg\:pr-5\/6 { + padding-right: 83.333333%; } - .lg\:focus\:font-light:focus { - font-weight: 300; + .lg\:pb-5\/6 { + padding-bottom: 83.333333%; } - .lg\:focus\:font-normal:focus { - font-weight: 400; + .lg\:pl-5\/6 { + padding-left: 83.333333%; } - .lg\:focus\:font-medium:focus { - font-weight: 500; + .lg\:pt-1\/12 { + padding-top: 8.333333%; } - .lg\:focus\:font-semibold:focus { - font-weight: 600; + .lg\:pr-1\/12 { + padding-right: 8.333333%; } - .lg\:focus\:font-bold:focus { - font-weight: 700; + .lg\:pb-1\/12 { + padding-bottom: 8.333333%; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800; + .lg\:pl-1\/12 { + padding-left: 8.333333%; } - .lg\:focus\:font-black:focus { - font-weight: 900; + .lg\:pt-2\/12 { + padding-top: 16.666667%; } - .lg\:h-0 { - height: 0; + .lg\:pr-2\/12 { + padding-right: 16.666667%; } - .lg\:h-1 { - height: 0.25rem; + .lg\:pb-2\/12 { + padding-bottom: 16.666667%; } - .lg\:h-2 { - height: 0.5rem; + .lg\:pl-2\/12 { + padding-left: 16.666667%; } - .lg\:h-3 { - height: 0.75rem; + .lg\:pt-3\/12 { + padding-top: 25%; } - .lg\:h-4 { - height: 1rem; + .lg\:pr-3\/12 { + padding-right: 25%; } - .lg\:h-5 { - height: 1.25rem; + .lg\:pb-3\/12 { + padding-bottom: 25%; } - .lg\:h-6 { - height: 1.5rem; + .lg\:pl-3\/12 { + padding-left: 25%; } - .lg\:h-7 { - height: 1.75rem; + .lg\:pt-4\/12 { + padding-top: 33.333333%; } - .lg\:h-8 { - height: 2rem; + .lg\:pr-4\/12 { + padding-right: 33.333333%; } - .lg\:h-9 { - height: 2.25rem; + .lg\:pb-4\/12 { + padding-bottom: 33.333333%; } - .lg\:h-10 { - height: 2.5rem; + .lg\:pl-4\/12 { + padding-left: 33.333333%; } - .lg\:h-11 { - height: 2.75rem; + .lg\:pt-5\/12 { + padding-top: 41.666667%; } - .lg\:h-12 { - height: 3rem; + .lg\:pr-5\/12 { + padding-right: 41.666667%; } - .lg\:h-13 { - height: 3.25rem; + .lg\:pb-5\/12 { + padding-bottom: 41.666667%; } - .lg\:h-14 { - height: 3.5rem; + .lg\:pl-5\/12 { + padding-left: 41.666667%; } - .lg\:h-15 { - height: 3.75rem; + .lg\:pt-6\/12 { + padding-top: 50%; } - .lg\:h-16 { - height: 4rem; + .lg\:pr-6\/12 { + padding-right: 50%; } - .lg\:h-20 { - height: 5rem; + .lg\:pb-6\/12 { + padding-bottom: 50%; } - .lg\:h-24 { - height: 6rem; + .lg\:pl-6\/12 { + padding-left: 50%; } - .lg\:h-28 { - height: 7rem; + .lg\:pt-7\/12 { + padding-top: 58.333333%; } - .lg\:h-32 { - height: 8rem; + .lg\:pr-7\/12 { + padding-right: 58.333333%; } - .lg\:h-36 { - height: 9rem; + .lg\:pb-7\/12 { + padding-bottom: 58.333333%; } - .lg\:h-40 { - height: 10rem; + .lg\:pl-7\/12 { + padding-left: 58.333333%; } - .lg\:h-44 { - height: 11rem; + .lg\:pt-8\/12 { + padding-top: 66.666667%; } - .lg\:h-48 { - height: 12rem; + .lg\:pr-8\/12 { + padding-right: 66.666667%; } - .lg\:h-52 { - height: 13rem; + .lg\:pb-8\/12 { + padding-bottom: 66.666667%; } - .lg\:h-56 { - height: 14rem; + .lg\:pl-8\/12 { + padding-left: 66.666667%; } - .lg\:h-60 { - height: 15rem; + .lg\:pt-9\/12 { + padding-top: 75%; } - .lg\:h-64 { - height: 16rem; + .lg\:pr-9\/12 { + padding-right: 75%; } - .lg\:h-72 { - height: 18rem; + .lg\:pb-9\/12 { + padding-bottom: 75%; } - .lg\:h-80 { - height: 20rem; + .lg\:pl-9\/12 { + padding-left: 75%; } - .lg\:h-96 { - height: 24rem; + .lg\:pt-10\/12 { + padding-top: 83.333333%; } - .lg\:h-auto { - height: auto; + .lg\:pr-10\/12 { + padding-right: 83.333333%; } - .lg\:h-px { - height: 1px; + .lg\:pb-10\/12 { + padding-bottom: 83.333333%; } - .lg\:h-0\.5 { - height: 0.125rem; + .lg\:pl-10\/12 { + padding-left: 83.333333%; } - .lg\:h-1\.5 { - height: 0.375rem; + .lg\:pt-11\/12 { + padding-top: 91.666667%; } - .lg\:h-2\.5 { - height: 0.625rem; + .lg\:pr-11\/12 { + padding-right: 91.666667%; } - .lg\:h-3\.5 { - height: 0.875rem; + .lg\:pb-11\/12 { + padding-bottom: 91.666667%; } - .lg\:h-1\/2 { - height: 50%; + .lg\:pl-11\/12 { + padding-left: 91.666667%; } - .lg\:h-1\/3 { - height: 33.333333%; + .lg\:pt-full { + padding-top: 100%; } - .lg\:h-2\/3 { - height: 66.666667%; + .lg\:pr-full { + padding-right: 100%; } - .lg\:h-1\/4 { - height: 25%; + .lg\:pb-full { + padding-bottom: 100%; } - .lg\:h-2\/4 { - height: 50%; + .lg\:pl-full { + padding-left: 100%; } - .lg\:h-3\/4 { - height: 75%; + .lg\:placeholder-transparent::placeholder { + color: transparent; } - .lg\:h-1\/5 { - height: 20%; + .lg\:placeholder-current::placeholder { + color: currentColor; } - .lg\:h-2\/5 { - height: 40%; + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .lg\:h-3\/5 { - height: 60%; + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .lg\:h-4\/5 { - height: 80%; + .lg\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } - .lg\:h-1\/6 { - height: 16.666667%; + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } - .lg\:h-2\/6 { - height: 33.333333%; + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } - .lg\:h-3\/6 { - height: 50%; + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } - .lg\:h-4\/6 { - height: 66.666667%; + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } - .lg\:h-5\/6 { - height: 83.333333%; + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } - .lg\:h-1\/12 { - height: 8.333333%; + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } - .lg\:h-2\/12 { - height: 16.666667%; + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } - .lg\:h-3\/12 { - height: 25%; + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } - .lg\:h-4\/12 { - height: 33.333333%; + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } - .lg\:h-5\/12 { - height: 41.666667%; + .lg\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } - .lg\:h-6\/12 { - height: 50%; + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } - .lg\:h-7\/12 { - height: 58.333333%; + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } - .lg\:h-8\/12 { - height: 66.666667%; + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } - .lg\:h-9\/12 { - height: 75%; + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } - .lg\:h-10\/12 { - height: 83.333333%; + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } - .lg\:h-11\/12 { - height: 91.666667%; + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } - .lg\:h-full { - height: 100%; + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } - .lg\:h-screen { - height: 100vh; + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .lg\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .lg\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .lg\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .lg\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .lg\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .lg\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .lg\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .lg\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } - .lg\:text-6xl { - font-size: 4rem; - line-height: 1; + .lg\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } - .lg\:text-7xl { - font-size: 5rem; - line-height: 1; + .lg\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } - .lg\:text-8xl { - font-size: 6rem; - line-height: 1; + .lg\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } - .lg\:leading-3 { - line-height: .75rem; + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } - .lg\:leading-4 { - line-height: 1rem; + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } - .lg\:leading-5 { - line-height: 1.25rem; + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } - .lg\:leading-6 { - line-height: 1.5rem; + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } - .lg\:leading-7 { - line-height: 1.75rem; + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } - .lg\:leading-8 { - line-height: 2rem; + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } - .lg\:leading-9 { - line-height: 2.25rem; + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } - .lg\:leading-10 { - line-height: 2.5rem; + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } - .lg\:leading-none { - line-height: 1; + .lg\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } - .lg\:leading-tight { - line-height: 1.25; + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } - .lg\:leading-snug { - line-height: 1.375; + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } - .lg\:leading-normal { - line-height: 1.5; + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } - .lg\:leading-relaxed { - line-height: 1.625; + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } - .lg\:leading-loose { - line-height: 2; + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } - .lg\:list-inside { - list-style-position: inside; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } - .lg\:list-outside { - list-style-position: outside; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } - .lg\:list-none { - list-style-type: none; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } - .lg\:list-disc { - list-style-type: disc; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } - .lg\:list-decimal { - list-style-type: decimal; + .lg\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } - .lg\:m-0 { - margin: 0; + .lg\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } - .lg\:m-1 { - margin: 0.25rem; + .lg\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } - .lg\:m-2 { - margin: 0.5rem; + .lg\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } - .lg\:m-3 { - margin: 0.75rem; + .lg\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } - .lg\:m-4 { - margin: 1rem; + .lg\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } - .lg\:m-5 { - margin: 1.25rem; + .lg\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } - .lg\:m-6 { - margin: 1.5rem; + .lg\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } - .lg\:m-7 { - margin: 1.75rem; + .lg\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } - .lg\:m-8 { - margin: 2rem; + .lg\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } - .lg\:m-9 { - margin: 2.25rem; + .lg\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } - .lg\:m-10 { - margin: 2.5rem; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } - .lg\:m-11 { - margin: 2.75rem; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } - .lg\:m-12 { - margin: 3rem; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } - .lg\:m-13 { - margin: 3.25rem; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } - .lg\:m-14 { - margin: 3.5rem; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } - .lg\:m-15 { - margin: 3.75rem; + .lg\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } - .lg\:m-16 { - margin: 4rem; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } - .lg\:m-20 { - margin: 5rem; + .lg\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } - .lg\:m-24 { - margin: 6rem; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } - .lg\:m-28 { - margin: 7rem; + .lg\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } - .lg\:m-32 { - margin: 8rem; + .lg\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } - .lg\:m-36 { - margin: 9rem; + .lg\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } - .lg\:m-40 { - margin: 10rem; + .lg\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } - .lg\:m-44 { - margin: 11rem; + .lg\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } - .lg\:m-48 { - margin: 12rem; + .lg\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } - .lg\:m-52 { - margin: 13rem; + .lg\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } - .lg\:m-56 { - margin: 14rem; + .lg\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } - .lg\:m-60 { - margin: 15rem; + .lg\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } - .lg\:m-64 { - margin: 16rem; + .lg\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } - .lg\:m-72 { - margin: 18rem; + .lg\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } - .lg\:m-80 { - margin: 20rem; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } - .lg\:m-96 { - margin: 24rem; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } - .lg\:m-auto { - margin: auto; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } - .lg\:m-px { - margin: 1px; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } - .lg\:m-0\.5 { - margin: 0.125rem; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } - .lg\:m-1\.5 { - margin: 0.375rem; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } - .lg\:m-2\.5 { - margin: 0.625rem; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } - .lg\:m-3\.5 { - margin: 0.875rem; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } - .lg\:m-1\/2 { - margin: 50%; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } - .lg\:m-1\/3 { - margin: 33.333333%; + .lg\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .lg\:m-2\/3 { - margin: 66.666667%; + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } - .lg\:m-1\/4 { - margin: 25%; + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } - .lg\:m-2\/4 { - margin: 50%; + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } - .lg\:m-3\/4 { - margin: 75%; + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } - .lg\:m-1\/5 { - margin: 20%; + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } - .lg\:m-2\/5 { - margin: 40%; + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } - .lg\:m-3\/5 { - margin: 60%; + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } - .lg\:m-4\/5 { - margin: 80%; + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } - .lg\:m-1\/6 { - margin: 16.666667%; + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } - .lg\:m-2\/6 { - margin: 33.333333%; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .lg\:m-3\/6 { - margin: 50%; + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .lg\:m-4\/6 { - margin: 66.666667%; + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .lg\:m-5\/6 { - margin: 83.333333%; + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .lg\:m-1\/12 { - margin: 8.333333%; + .lg\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); } - .lg\:m-2\/12 { - margin: 16.666667%; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); } - .lg\:m-3\/12 { - margin: 25%; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); } - .lg\:m-4\/12 { - margin: 33.333333%; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); } - .lg\:m-5\/12 { - margin: 41.666667%; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); } - .lg\:m-6\/12 { - margin: 50%; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); } - .lg\:m-7\/12 { - margin: 58.333333%; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); } - .lg\:m-8\/12 { - margin: 66.666667%; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); } - .lg\:m-9\/12 { - margin: 75%; + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); } - .lg\:m-10\/12 { - margin: 83.333333%; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); } - .lg\:m-11\/12 { - margin: 91.666667%; + .lg\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); } - .lg\:m-full { - margin: 100%; + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); } - .lg\:-m-1 { - margin: -0.25rem; + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); } - .lg\:-m-2 { - margin: -0.5rem; + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); } - .lg\:-m-3 { - margin: -0.75rem; + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); } - .lg\:-m-4 { - margin: -1rem; + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); } - .lg\:-m-5 { - margin: -1.25rem; + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); } - .lg\:-m-6 { - margin: -1.5rem; + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); } - .lg\:-m-7 { - margin: -1.75rem; + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); } - .lg\:-m-8 { - margin: -2rem; + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); } - .lg\:-m-9 { - margin: -2.25rem; + .lg\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); } - .lg\:-m-10 { - margin: -2.5rem; + .lg\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); } - .lg\:-m-11 { - margin: -2.75rem; + .lg\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); } - .lg\:-m-12 { - margin: -3rem; + .lg\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); } - .lg\:-m-13 { - margin: -3.25rem; + .lg\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); } - .lg\:-m-14 { - margin: -3.5rem; + .lg\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); } - .lg\:-m-15 { - margin: -3.75rem; + .lg\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); } - .lg\:-m-16 { - margin: -4rem; + .lg\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); } - .lg\:-m-20 { - margin: -5rem; + .lg\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); } - .lg\:-m-24 { - margin: -6rem; + .lg\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); } - .lg\:-m-28 { - margin: -7rem; + .lg\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); } - .lg\:-m-32 { - margin: -8rem; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); } - .lg\:-m-36 { - margin: -9rem; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); } - .lg\:-m-40 { - margin: -10rem; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); } - .lg\:-m-44 { - margin: -11rem; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); } - .lg\:-m-48 { - margin: -12rem; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); } - .lg\:-m-52 { - margin: -13rem; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); } - .lg\:-m-56 { - margin: -14rem; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); } - .lg\:-m-60 { - margin: -15rem; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); } - .lg\:-m-64 { - margin: -16rem; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); } - .lg\:-m-72 { - margin: -18rem; + .lg\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); } - .lg\:-m-80 { - margin: -20rem; + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); } - .lg\:-m-96 { - margin: -24rem; + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); } - .lg\:-m-px { - margin: -1px; + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); } - .lg\:-m-0\.5 { - margin: -0.125rem; + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); } - .lg\:-m-1\.5 { - margin: -0.375rem; + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); } - .lg\:-m-2\.5 { - margin: -0.625rem; + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); } - .lg\:-m-3\.5 { - margin: -0.875rem; + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); } - .lg\:-m-1\/2 { - margin: -50%; + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); } - .lg\:-m-1\/3 { - margin: -33.33333%; + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); } - .lg\:-m-2\/3 { - margin: -66.66667%; + .lg\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); } - .lg\:-m-1\/4 { - margin: -25%; + .lg\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); } - .lg\:-m-2\/4 { - margin: -50%; + .lg\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); } - .lg\:-m-3\/4 { - margin: -75%; + .lg\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); } - .lg\:-m-1\/5 { - margin: -20%; + .lg\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); } - .lg\:-m-2\/5 { - margin: -40%; + .lg\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); } - .lg\:-m-3\/5 { - margin: -60%; + .lg\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); } - .lg\:-m-4\/5 { - margin: -80%; + .lg\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); } - .lg\:-m-1\/6 { - margin: -16.66667%; + .lg\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); } - .lg\:-m-2\/6 { - margin: -33.33333%; + .lg\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); } - .lg\:-m-3\/6 { - margin: -50%; + .lg\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); } - .lg\:-m-4\/6 { - margin: -66.66667%; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); } - .lg\:-m-5\/6 { - margin: -83.33333%; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); } - .lg\:-m-1\/12 { - margin: -8.33333%; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); } - .lg\:-m-2\/12 { - margin: -16.66667%; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); } - .lg\:-m-3\/12 { - margin: -25%; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); } - .lg\:-m-4\/12 { - margin: -33.33333%; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); } - .lg\:-m-5\/12 { - margin: -41.66667%; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); } - .lg\:-m-6\/12 { - margin: -50%; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); } - .lg\:-m-7\/12 { - margin: -58.33333%; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); } - .lg\:-m-8\/12 { - margin: -66.66667%; + .lg\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); } - .lg\:-m-9\/12 { - margin: -75%; + .lg\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); } - .lg\:-m-10\/12 { - margin: -83.33333%; + .lg\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); } - .lg\:-m-11\/12 { - margin: -91.66667%; + .lg\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); } - .lg\:-m-full { - margin: -100%; + .lg\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .lg\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .lg\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .lg\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .lg\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); } - .lg\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); } - .lg\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .lg\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); } - .lg\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); } - .lg\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); } - .lg\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); } - .lg\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; - } + @media (prefers-color-scheme: dark) { + .lg\:dark\:placeholder-transparent::placeholder { + color: transparent; + } - .lg\:my-13 { - margin-top: 3.25rem; - margin-bottom: 3.25rem; - } + .lg\:dark\:placeholder-current::placeholder { + color: currentColor; + } - .lg\:mx-13 { - margin-left: 3.25rem; - margin-right: 3.25rem; - } + .lg\:dark\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; - } + .lg\:dark\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; - } + .lg\:dark\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } - .lg\:my-15 { - margin-top: 3.75rem; - margin-bottom: 3.75rem; - } + .lg\:dark\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } - .lg\:mx-15 { - margin-left: 3.75rem; - margin-right: 3.75rem; - } + .lg\:dark\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; - } + .lg\:dark\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } - .lg\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; - } + .lg\:dark\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } - .lg\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; - } + .lg\:dark\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; - } + .lg\:dark\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; - } + .lg\:dark\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; - } + .lg\:dark\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } - .lg\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; - } + .lg\:dark\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } - .lg\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; - } + .lg\:dark\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; - } + .lg\:dark\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; - } + .lg\:dark\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } - .lg\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; - } + .lg\:dark\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } - .lg\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; - } + .lg\:dark\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; - } + .lg\:dark\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; - } + .lg\:dark\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } - .lg\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; - } + .lg\:dark\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } - .lg\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; - } + .lg\:dark\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; - } + .lg\:dark\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; - } + .lg\:dark\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } - .lg\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; - } + .lg\:dark\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } - .lg\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; - } + .lg\:dark\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; - } + .lg\:dark\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; - } + .lg\:dark\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } - .lg\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; - } + .lg\:dark\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } - .lg\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; - } + .lg\:dark\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; - } + .lg\:dark\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; - } + .lg\:dark\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } - .lg\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; - } + .lg\:dark\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } - .lg\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; - } + .lg\:dark\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } - .lg\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; - } + .lg\:dark\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } - .lg\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; - } + .lg\:dark\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } - .lg\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; - } + .lg\:dark\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } - .lg\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; - } + .lg\:dark\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; - } + .lg\:dark\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } + .lg\:dark\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; - } + .lg\:dark\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; - } + .lg\:dark\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } - .lg\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; - } + .lg\:dark\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } - .lg\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; - } + .lg\:dark\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } - .lg\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; - } + .lg\:dark\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } - .lg\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; - } + .lg\:dark\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } - .lg\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; - } + .lg\:dark\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } - .lg\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; - } + .lg\:dark\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } - .lg\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; - } + .lg\:dark\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } - .lg\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; - } + .lg\:dark\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } - .lg\:my-1\/2 { - margin-top: 50%; - margin-bottom: 50%; - } + .lg\:dark\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } - .lg\:mx-1\/2 { - margin-left: 50%; - margin-right: 50%; - } + .lg\:dark\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } - .lg\:my-1\/3 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; - } + .lg\:dark\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } - .lg\:mx-1\/3 { - margin-left: 33.333333%; - margin-right: 33.333333%; - } + .lg\:dark\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } - .lg\:my-2\/3 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; - } + .lg\:dark\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } - .lg\:mx-2\/3 { - margin-left: 66.666667%; - margin-right: 66.666667%; - } + .lg\:dark\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } - .lg\:my-1\/4 { - margin-top: 25%; - margin-bottom: 25%; - } + .lg\:dark\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } - .lg\:mx-1\/4 { - margin-left: 25%; - margin-right: 25%; - } + .lg\:dark\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } - .lg\:my-2\/4 { - margin-top: 50%; - margin-bottom: 50%; - } + .lg\:dark\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } - .lg\:mx-2\/4 { - margin-left: 50%; - margin-right: 50%; - } + .lg\:dark\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } - .lg\:my-3\/4 { - margin-top: 75%; - margin-bottom: 75%; - } + .lg\:dark\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } - .lg\:mx-3\/4 { - margin-left: 75%; - margin-right: 75%; - } + .lg\:dark\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } - .lg\:my-1\/5 { - margin-top: 20%; - margin-bottom: 20%; - } + .lg\:dark\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } - .lg\:mx-1\/5 { - margin-left: 20%; - margin-right: 20%; - } + .lg\:dark\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } - .lg\:my-2\/5 { - margin-top: 40%; - margin-bottom: 40%; - } + .lg\:dark\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } - .lg\:mx-2\/5 { - margin-left: 40%; - margin-right: 40%; - } + .lg\:dark\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } - .lg\:my-3\/5 { - margin-top: 60%; - margin-bottom: 60%; - } + .lg\:dark\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } - .lg\:mx-3\/5 { - margin-left: 60%; - margin-right: 60%; - } + .lg\:dark\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } - .lg\:my-4\/5 { - margin-top: 80%; - margin-bottom: 80%; - } + .lg\:dark\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } - .lg\:mx-4\/5 { - margin-left: 80%; - margin-right: 80%; - } + .lg\:dark\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } - .lg\:my-1\/6 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; - } + .lg\:dark\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } - .lg\:mx-1\/6 { - margin-left: 16.666667%; - margin-right: 16.666667%; - } + .lg\:dark\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } - .lg\:my-2\/6 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; - } + .lg\:dark\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } - .lg\:mx-2\/6 { - margin-left: 33.333333%; - margin-right: 33.333333%; - } + .lg\:dark\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } - .lg\:my-3\/6 { - margin-top: 50%; - margin-bottom: 50%; - } + .lg\:dark\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } - .lg\:mx-3\/6 { - margin-left: 50%; - margin-right: 50%; - } + .lg\:dark\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } - .lg\:my-4\/6 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; - } + .lg\:dark\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } - .lg\:mx-4\/6 { - margin-left: 66.666667%; - margin-right: 66.666667%; - } + .lg\:dark\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } - .lg\:my-5\/6 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; - } + .lg\:dark\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } - .lg\:mx-5\/6 { - margin-left: 83.333333%; - margin-right: 83.333333%; - } + .lg\:dark\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } - .lg\:my-1\/12 { - margin-top: 8.333333%; - margin-bottom: 8.333333%; - } + .lg\:dark\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } - .lg\:mx-1\/12 { - margin-left: 8.333333%; - margin-right: 8.333333%; - } + .lg\:dark\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } - .lg\:my-2\/12 { - margin-top: 16.666667%; - margin-bottom: 16.666667%; - } + .lg\:dark\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } - .lg\:mx-2\/12 { - margin-left: 16.666667%; - margin-right: 16.666667%; - } + .lg\:dark\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } - .lg\:my-3\/12 { - margin-top: 25%; - margin-bottom: 25%; - } + .lg\:dark\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } - .lg\:mx-3\/12 { - margin-left: 25%; - margin-right: 25%; - } + .lg\:dark\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } - .lg\:my-4\/12 { - margin-top: 33.333333%; - margin-bottom: 33.333333%; - } + .lg\:dark\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } - .lg\:mx-4\/12 { - margin-left: 33.333333%; - margin-right: 33.333333%; - } + .lg\:dark\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } - .lg\:my-5\/12 { - margin-top: 41.666667%; - margin-bottom: 41.666667%; - } + .lg\:dark\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } - .lg\:mx-5\/12 { - margin-left: 41.666667%; - margin-right: 41.666667%; - } + .lg\:dark\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } - .lg\:my-6\/12 { - margin-top: 50%; - margin-bottom: 50%; - } + .lg\:dark\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } - .lg\:mx-6\/12 { - margin-left: 50%; - margin-right: 50%; - } + .lg\:dark\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } - .lg\:my-7\/12 { - margin-top: 58.333333%; - margin-bottom: 58.333333%; - } + .lg\:dark\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } - .lg\:mx-7\/12 { - margin-left: 58.333333%; - margin-right: 58.333333%; - } + .lg\:dark\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:my-8\/12 { - margin-top: 66.666667%; - margin-bottom: 66.666667%; - } + .lg\:dark\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } - .lg\:mx-8\/12 { - margin-left: 66.666667%; - margin-right: 66.666667%; - } + .lg\:dark\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } - .lg\:my-9\/12 { - margin-top: 75%; - margin-bottom: 75%; - } + .lg\:dark\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } - .lg\:mx-9\/12 { - margin-left: 75%; - margin-right: 75%; - } + .lg\:dark\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } - .lg\:my-10\/12 { - margin-top: 83.333333%; - margin-bottom: 83.333333%; - } + .lg\:dark\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } - .lg\:mx-10\/12 { - margin-left: 83.333333%; - margin-right: 83.333333%; - } + .lg\:dark\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } - .lg\:my-11\/12 { - margin-top: 91.666667%; - margin-bottom: 91.666667%; - } + .lg\:dark\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } - .lg\:mx-11\/12 { - margin-left: 91.666667%; - margin-right: 91.666667%; - } + .lg\:dark\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } - .lg\:my-full { - margin-top: 100%; - margin-bottom: 100%; - } + .lg\:dark\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } - .lg\:mx-full { - margin-left: 100%; - margin-right: 100%; - } + .lg\:dark\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; - } + .lg\:dark\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; - } + .lg\:dark\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; - } + .lg\:dark\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; - } + .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; - } + .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; - } + .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; - } + .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; - } + .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; - } + .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; - } + .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; - } + .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; - } + .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } - .lg\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; - } + .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } - .lg\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; - } + .lg\:dark\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; - } + .lg\:dark\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; - } + .lg\:dark\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } - .lg\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; - } + .lg\:dark\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } - .lg\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; - } + .lg\:dark\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; - } + .lg\:dark\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; - } + .lg\:dark\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } - .lg\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; - } + .lg\:dark\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } - .lg\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; - } + .lg\:dark\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; - } + .lg\:dark\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; - } + .lg\:dark\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } - .lg\:-my-13 { - margin-top: -3.25rem; - margin-bottom: -3.25rem; - } + .lg\:dark\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } - .lg\:-mx-13 { - margin-left: -3.25rem; - margin-right: -3.25rem; - } + .lg\:dark\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } - .lg\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; - } + .lg\:dark\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } - .lg\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; - } + .lg\:dark\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } - .lg\:-my-15 { - margin-top: -3.75rem; - margin-bottom: -3.75rem; - } + .lg\:dark\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } - .lg\:-mx-15 { - margin-left: -3.75rem; - margin-right: -3.75rem; - } + .lg\:dark\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; - } + .lg\:dark\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; - } + .lg\:dark\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; - } + .lg\:dark\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; - } + .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; - } + .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; - } + .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } - .lg\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; - } + .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } - .lg\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; - } + .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; - } + .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; - } + .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } - .lg\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; - } + .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } - .lg\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; - } + .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; - } + .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; - } + .lg\:dark\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } - .lg\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; - } + .lg\:dark\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } - .lg\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; - } + .lg\:dark\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; - } + .lg\:dark\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; - } + .lg\:dark\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } - .lg\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; - } + .lg\:dark\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } - .lg\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; - } + .lg\:dark\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; - } + .lg\:dark\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; - } + .lg\:dark\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } - .lg\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; - } + .lg\:dark\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } - .lg\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; - } + .lg\:dark\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; - } + .lg\:dark\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; - } + .lg\:dark\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } - .lg\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; - } + .lg\:dark\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } - .lg\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; - } + .lg\:dark\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } - .lg\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; - } + .lg\:dark\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } - .lg\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; - } + .lg\:dark\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } - .lg\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; - } + .lg\:dark\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } - .lg\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; - } + .lg\:dark\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; - } + .lg\:dark\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; - } + .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } - .lg\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; - } + .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } - .lg\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; - } + .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } - .lg\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; - } + .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } - .lg\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; - } + .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } - .lg\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; - } + .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } - .lg\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; - } + .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } - .lg\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; - } + .lg\:dark\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } - .lg\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; - } + .lg\:dark\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } - .lg\:-my-1\/2 { - margin-top: -50%; - margin-bottom: -50%; - } + .lg\:dark\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } - .lg\:-mx-1\/2 { - margin-left: -50%; - margin-right: -50%; - } + .lg\:dark\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } - .lg\:-my-1\/3 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; - } + .lg\:dark\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } - .lg\:-mx-1\/3 { - margin-left: -33.33333%; - margin-right: -33.33333%; - } + .lg\:dark\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } - .lg\:-my-2\/3 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; - } + .lg\:dark\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } - .lg\:-mx-2\/3 { - margin-left: -66.66667%; - margin-right: -66.66667%; - } + .lg\:dark\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } - .lg\:-my-1\/4 { - margin-top: -25%; - margin-bottom: -25%; - } + .lg\:dark\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } - .lg\:-mx-1\/4 { - margin-left: -25%; - margin-right: -25%; - } + .lg\:dark\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } - .lg\:-my-2\/4 { - margin-top: -50%; - margin-bottom: -50%; - } + .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } - .lg\:-mx-2\/4 { - margin-left: -50%; - margin-right: -50%; - } + .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } - .lg\:-my-3\/4 { - margin-top: -75%; - margin-bottom: -75%; - } + .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } - .lg\:-mx-3\/4 { - margin-left: -75%; - margin-right: -75%; - } + .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } - .lg\:-my-1\/5 { - margin-top: -20%; - margin-bottom: -20%; - } + .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } - .lg\:-mx-1\/5 { - margin-left: -20%; - margin-right: -20%; - } + .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } - .lg\:-my-2\/5 { - margin-top: -40%; - margin-bottom: -40%; - } + .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } - .lg\:-mx-2\/5 { - margin-left: -40%; - margin-right: -40%; - } + .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } - .lg\:-my-3\/5 { - margin-top: -60%; - margin-bottom: -60%; - } + .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } - .lg\:-mx-3\/5 { - margin-left: -60%; - margin-right: -60%; - } + .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } - .lg\:-my-4\/5 { - margin-top: -80%; - margin-bottom: -80%; - } + .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:-mx-4\/5 { - margin-left: -80%; - margin-right: -80%; - } + .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } - .lg\:-my-1\/6 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; - } + .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } - .lg\:-mx-1\/6 { - margin-left: -16.66667%; - margin-right: -16.66667%; - } + .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } - .lg\:-my-2\/6 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; - } + .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } - .lg\:-mx-2\/6 { - margin-left: -33.33333%; - margin-right: -33.33333%; - } + .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } - .lg\:-my-3\/6 { - margin-top: -50%; - margin-bottom: -50%; - } + .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } - .lg\:-mx-3\/6 { - margin-left: -50%; - margin-right: -50%; + .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } } - .lg\:-my-4\/6 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .lg\:-mx-4\/6 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .lg\:-my-5\/6 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .lg\:-mx-5\/6 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .lg\:-my-1\/12 { - margin-top: -8.33333%; - margin-bottom: -8.33333%; + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .lg\:-mx-1\/12 { - margin-left: -8.33333%; - margin-right: -8.33333%; + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .lg\:-my-2\/12 { - margin-top: -16.66667%; - margin-bottom: -16.66667%; + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .lg\:-mx-2\/12 { - margin-left: -16.66667%; - margin-right: -16.66667%; + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .lg\:-my-3\/12 { - margin-top: -25%; - margin-bottom: -25%; + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .lg\:-mx-3\/12 { - margin-left: -25%; - margin-right: -25%; + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .lg\:-my-4\/12 { - margin-top: -33.33333%; - margin-bottom: -33.33333%; + .lg\:pointer-events-none { + pointer-events: none; } - .lg\:-mx-4\/12 { - margin-left: -33.33333%; - margin-right: -33.33333%; + .lg\:pointer-events-auto { + pointer-events: auto; } - .lg\:-my-5\/12 { - margin-top: -41.66667%; - margin-bottom: -41.66667%; + .lg\:static { + position: static; } - .lg\:-mx-5\/12 { - margin-left: -41.66667%; - margin-right: -41.66667%; + .lg\:fixed { + position: fixed; } - .lg\:-my-6\/12 { - margin-top: -50%; - margin-bottom: -50%; + .lg\:absolute { + position: absolute; } - .lg\:-mx-6\/12 { - margin-left: -50%; - margin-right: -50%; + .lg\:relative { + position: relative; } - .lg\:-my-7\/12 { - margin-top: -58.33333%; - margin-bottom: -58.33333%; + .lg\:sticky { + position: sticky; } - .lg\:-mx-7\/12 { - margin-left: -58.33333%; - margin-right: -58.33333%; + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .lg\:-my-8\/12 { - margin-top: -66.66667%; - margin-bottom: -66.66667%; + .lg\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .lg\:-mx-8\/12 { - margin-left: -66.66667%; - margin-right: -66.66667%; + .lg\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .lg\:-my-9\/12 { - margin-top: -75%; - margin-bottom: -75%; + .lg\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .lg\:-mx-9\/12 { - margin-left: -75%; - margin-right: -75%; + .lg\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .lg\:-my-10\/12 { - margin-top: -83.33333%; - margin-bottom: -83.33333%; + .lg\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .lg\:-mx-10\/12 { - margin-left: -83.33333%; - margin-right: -83.33333%; + .lg\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .lg\:-my-11\/12 { - margin-top: -91.66667%; - margin-bottom: -91.66667%; + .lg\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .lg\:-mx-11\/12 { - margin-left: -91.66667%; - margin-right: -91.66667%; + .lg\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .lg\:-my-full { - margin-top: -100%; - margin-bottom: -100%; + .lg\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .lg\:-mx-full { - margin-left: -100%; - margin-right: -100%; + .lg\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .lg\:mt-0 { - margin-top: 0; + .lg\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } - .lg\:mr-0 { - margin-right: 0; + .lg\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .lg\:mb-0 { - margin-bottom: 0; + .lg\:inset-13 { + top: 3.25rem; + right: 3.25rem; + bottom: 3.25rem; + left: 3.25rem; } - .lg\:ml-0 { - margin-left: 0; + .lg\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .lg\:mt-1 { - margin-top: 0.25rem; + .lg\:inset-15 { + top: 3.75rem; + right: 3.75rem; + bottom: 3.75rem; + left: 3.75rem; } - .lg\:mr-1 { - margin-right: 0.25rem; + .lg\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .lg\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .lg\:ml-1 { - margin-left: 0.25rem; + .lg\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .lg\:mt-2 { - margin-top: 0.5rem; + .lg\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .lg\:mr-2 { - margin-right: 0.5rem; + .lg\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .lg\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .lg\:ml-2 { - margin-left: 0.5rem; + .lg\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .lg\:mt-3 { - margin-top: 0.75rem; + .lg\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .lg\:mr-3 { - margin-right: 0.75rem; + .lg\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .lg\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .lg\:ml-3 { - margin-left: 0.75rem; + .lg\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .lg\:mt-4 { - margin-top: 1rem; + .lg\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .lg\:mr-4 { - margin-right: 1rem; + .lg\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .lg\:mb-4 { - margin-bottom: 1rem; + .lg\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .lg\:ml-4 { - margin-left: 1rem; + .lg\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .lg\:mt-5 { - margin-top: 1.25rem; + .lg\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .lg\:mr-5 { - margin-right: 1.25rem; + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .lg\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .lg\:ml-5 { - margin-left: 1.25rem; + .lg\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .lg\:mt-6 { - margin-top: 1.5rem; + .lg\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .lg\:mr-6 { - margin-right: 1.5rem; + .lg\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .lg\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .lg\:ml-6 { - margin-left: 1.5rem; + .lg\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .lg\:mt-7 { - margin-top: 1.75rem; + .lg\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .lg\:mr-7 { - margin-right: 1.75rem; + .lg\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .lg\:mb-7 { - margin-bottom: 1.75rem; + .lg\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .lg\:ml-7 { - margin-left: 1.75rem; + .lg\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .lg\:mt-8 { - margin-top: 2rem; + .lg\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .lg\:mr-8 { - margin-right: 2rem; + .lg\:inset-1\/5 { + top: 20%; + right: 20%; + bottom: 20%; + left: 20%; } - .lg\:mb-8 { - margin-bottom: 2rem; + .lg\:inset-2\/5 { + top: 40%; + right: 40%; + bottom: 40%; + left: 40%; } - .lg\:ml-8 { - margin-left: 2rem; + .lg\:inset-3\/5 { + top: 60%; + right: 60%; + bottom: 60%; + left: 60%; } - .lg\:mt-9 { - margin-top: 2.25rem; + .lg\:inset-4\/5 { + top: 80%; + right: 80%; + bottom: 80%; + left: 80%; } - .lg\:mr-9 { - margin-right: 2.25rem; + .lg\:inset-1\/6 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } - .lg\:mb-9 { - margin-bottom: 2.25rem; + .lg\:inset-2\/6 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .lg\:ml-9 { - margin-left: 2.25rem; + .lg\:inset-3\/6 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .lg\:mt-10 { - margin-top: 2.5rem; + .lg\:inset-4\/6 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .lg\:mr-10 { - margin-right: 2.5rem; + .lg\:inset-5\/6 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .lg\:inset-1\/12 { + top: 8.333333%; + right: 8.333333%; + bottom: 8.333333%; + left: 8.333333%; } - .lg\:ml-10 { - margin-left: 2.5rem; + .lg\:inset-2\/12 { + top: 16.666667%; + right: 16.666667%; + bottom: 16.666667%; + left: 16.666667%; } - .lg\:mt-11 { - margin-top: 2.75rem; + .lg\:inset-3\/12 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .lg\:mr-11 { - margin-right: 2.75rem; + .lg\:inset-4\/12 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .lg\:mb-11 { - margin-bottom: 2.75rem; + .lg\:inset-5\/12 { + top: 41.666667%; + right: 41.666667%; + bottom: 41.666667%; + left: 41.666667%; } - .lg\:ml-11 { - margin-left: 2.75rem; + .lg\:inset-6\/12 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .lg\:mt-12 { - margin-top: 3rem; + .lg\:inset-7\/12 { + top: 58.333333%; + right: 58.333333%; + bottom: 58.333333%; + left: 58.333333%; } - .lg\:mr-12 { - margin-right: 3rem; + .lg\:inset-8\/12 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .lg\:mb-12 { - margin-bottom: 3rem; + .lg\:inset-9\/12 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .lg\:ml-12 { - margin-left: 3rem; + .lg\:inset-10\/12 { + top: 83.333333%; + right: 83.333333%; + bottom: 83.333333%; + left: 83.333333%; } - .lg\:mt-13 { - margin-top: 3.25rem; + .lg\:inset-11\/12 { + top: 91.666667%; + right: 91.666667%; + bottom: 91.666667%; + left: 91.666667%; } - .lg\:mr-13 { - margin-right: 3.25rem; + .lg\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .lg\:mb-13 { - margin-bottom: 3.25rem; + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .lg\:ml-13 { - margin-left: 3.25rem; + .lg\:inset-x-0 { + right: 0; + left: 0; } - .lg\:mt-14 { - margin-top: 3.5rem; + .lg\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .lg\:mr-14 { - margin-right: 3.5rem; + .lg\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .lg\:mb-14 { - margin-bottom: 3.5rem; + .lg\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .lg\:ml-14 { - margin-left: 3.5rem; + .lg\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .lg\:mt-15 { - margin-top: 3.75rem; + .lg\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .lg\:mr-15 { - margin-right: 3.75rem; + .lg\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .lg\:mb-15 { - margin-bottom: 3.75rem; + .lg\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .lg\:ml-15 { - margin-left: 3.75rem; + .lg\:inset-x-4 { + right: 1rem; + left: 1rem; } - .lg\:mt-16 { - margin-top: 4rem; + .lg\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .lg\:mr-16 { - margin-right: 4rem; + .lg\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .lg\:mb-16 { - margin-bottom: 4rem; + .lg\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .lg\:ml-16 { - margin-left: 4rem; + .lg\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .lg\:mt-20 { - margin-top: 5rem; + .lg\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .lg\:mr-20 { - margin-right: 5rem; + .lg\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .lg\:mb-20 { - margin-bottom: 5rem; + .lg\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .lg\:ml-20 { - margin-left: 5rem; + .lg\:inset-x-8 { + right: 2rem; + left: 2rem; } - .lg\:mt-24 { - margin-top: 6rem; + .lg\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .lg\:mr-24 { - margin-right: 6rem; + .lg\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .lg\:mb-24 { - margin-bottom: 6rem; + .lg\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .lg\:ml-24 { - margin-left: 6rem; + .lg\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .lg\:mt-28 { - margin-top: 7rem; + .lg\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } - .lg\:mr-28 { - margin-right: 7rem; + .lg\:inset-x-11 { + right: 2.75rem; + left: 2.75rem; } - .lg\:mb-28 { - margin-bottom: 7rem; + .lg\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .lg\:ml-28 { - margin-left: 7rem; + .lg\:inset-x-12 { + right: 3rem; + left: 3rem; } - .lg\:mt-32 { - margin-top: 8rem; + .lg\:inset-y-13 { + top: 3.25rem; + bottom: 3.25rem; } - .lg\:mr-32 { - margin-right: 8rem; + .lg\:inset-x-13 { + right: 3.25rem; + left: 3.25rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .lg\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .lg\:ml-32 { - margin-left: 8rem; + .lg\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .lg\:mt-36 { - margin-top: 9rem; + .lg\:inset-y-15 { + top: 3.75rem; + bottom: 3.75rem; } - .lg\:mr-36 { - margin-right: 9rem; + .lg\:inset-x-15 { + right: 3.75rem; + left: 3.75rem; } - .lg\:mb-36 { - margin-bottom: 9rem; + .lg\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .lg\:ml-36 { - margin-left: 9rem; + .lg\:inset-x-16 { + right: 4rem; + left: 4rem; } - .lg\:mt-40 { - margin-top: 10rem; + .lg\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .lg\:mr-40 { - margin-right: 10rem; + .lg\:inset-x-20 { + right: 5rem; + left: 5rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .lg\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .lg\:ml-40 { - margin-left: 10rem; + .lg\:inset-x-24 { + right: 6rem; + left: 6rem; } - .lg\:mt-44 { - margin-top: 11rem; + .lg\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .lg\:mr-44 { - margin-right: 11rem; + .lg\:inset-x-28 { + right: 7rem; + left: 7rem; } - .lg\:mb-44 { - margin-bottom: 11rem; + .lg\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .lg\:ml-44 { - margin-left: 11rem; + .lg\:inset-x-32 { + right: 8rem; + left: 8rem; } - .lg\:mt-48 { - margin-top: 12rem; + .lg\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .lg\:mr-48 { - margin-right: 12rem; + .lg\:inset-x-36 { + right: 9rem; + left: 9rem; } - .lg\:mb-48 { - margin-bottom: 12rem; + .lg\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .lg\:ml-48 { - margin-left: 12rem; + .lg\:inset-x-40 { + right: 10rem; + left: 10rem; } - .lg\:mt-52 { - margin-top: 13rem; + .lg\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .lg\:mr-52 { - margin-right: 13rem; + .lg\:inset-x-44 { + right: 11rem; + left: 11rem; } - .lg\:mb-52 { - margin-bottom: 13rem; + .lg\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .lg\:ml-52 { - margin-left: 13rem; + .lg\:inset-x-48 { + right: 12rem; + left: 12rem; } - .lg\:mt-56 { - margin-top: 14rem; + .lg\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .lg\:mr-56 { - margin-right: 14rem; + .lg\:inset-x-52 { + right: 13rem; + left: 13rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .lg\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .lg\:ml-56 { - margin-left: 14rem; + .lg\:inset-x-56 { + right: 14rem; + left: 14rem; } - .lg\:mt-60 { - margin-top: 15rem; + .lg\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .lg\:mr-60 { - margin-right: 15rem; + .lg\:inset-x-60 { + right: 15rem; + left: 15rem; } - .lg\:mb-60 { - margin-bottom: 15rem; + .lg\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .lg\:ml-60 { - margin-left: 15rem; + .lg\:inset-x-64 { + right: 16rem; + left: 16rem; } - .lg\:mt-64 { - margin-top: 16rem; + .lg\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .lg\:mr-64 { - margin-right: 16rem; + .lg\:inset-x-72 { + right: 18rem; + left: 18rem; } - .lg\:mb-64 { - margin-bottom: 16rem; + .lg\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .lg\:ml-64 { - margin-left: 16rem; + .lg\:inset-x-80 { + right: 20rem; + left: 20rem; } - .lg\:mt-72 { - margin-top: 18rem; + .lg\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .lg\:mr-72 { - margin-right: 18rem; + .lg\:inset-x-96 { + right: 24rem; + left: 24rem; } - .lg\:mb-72 { - margin-bottom: 18rem; + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .lg\:ml-72 { - margin-left: 18rem; + .lg\:inset-x-auto { + right: auto; + left: auto; } - .lg\:mt-80 { - margin-top: 20rem; + .lg\:inset-y-px { + top: 1px; + bottom: 1px; } - .lg\:mr-80 { - margin-right: 20rem; + .lg\:inset-x-px { + right: 1px; + left: 1px; } - .lg\:mb-80 { - margin-bottom: 20rem; + .lg\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .lg\:ml-80 { - margin-left: 20rem; + .lg\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .lg\:mt-96 { - margin-top: 24rem; + .lg\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .lg\:mr-96 { - margin-right: 24rem; + .lg\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .lg\:mb-96 { - margin-bottom: 24rem; + .lg\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .lg\:ml-96 { - margin-left: 24rem; + .lg\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .lg\:mt-auto { - margin-top: auto; + .lg\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .lg\:mr-auto { - margin-right: auto; + .lg\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .lg\:mb-auto { - margin-bottom: auto; + .lg\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .lg\:ml-auto { - margin-left: auto; + .lg\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .lg\:mt-px { - margin-top: 1px; + .lg\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .lg\:mr-px { - margin-right: 1px; + .lg\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .lg\:mb-px { - margin-bottom: 1px; + .lg\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .lg\:ml-px { - margin-left: 1px; + .lg\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .lg\:mt-0\.5 { - margin-top: 0.125rem; + .lg\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .lg\:mr-0\.5 { - margin-right: 0.125rem; + .lg\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem; + .lg\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .lg\:ml-0\.5 { - margin-left: 0.125rem; + .lg\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .lg\:mt-1\.5 { - margin-top: 0.375rem; + .lg\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .lg\:mr-1\.5 { - margin-right: 0.375rem; + .lg\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem; + .lg\:inset-y-1\/5 { + top: 20%; + bottom: 20%; } - .lg\:ml-1\.5 { - margin-left: 0.375rem; + .lg\:inset-x-1\/5 { + right: 20%; + left: 20%; } - .lg\:mt-2\.5 { - margin-top: 0.625rem; + .lg\:inset-y-2\/5 { + top: 40%; + bottom: 40%; } - .lg\:mr-2\.5 { - margin-right: 0.625rem; + .lg\:inset-x-2\/5 { + right: 40%; + left: 40%; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem; + .lg\:inset-y-3\/5 { + top: 60%; + bottom: 60%; } - .lg\:ml-2\.5 { - margin-left: 0.625rem; + .lg\:inset-x-3\/5 { + right: 60%; + left: 60%; } - .lg\:mt-3\.5 { - margin-top: 0.875rem; + .lg\:inset-y-4\/5 { + top: 80%; + bottom: 80%; } - .lg\:mr-3\.5 { - margin-right: 0.875rem; + .lg\:inset-x-4\/5 { + right: 80%; + left: 80%; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem; + .lg\:inset-y-1\/6 { + top: 16.666667%; + bottom: 16.666667%; } - .lg\:ml-3\.5 { - margin-left: 0.875rem; + .lg\:inset-x-1\/6 { + right: 16.666667%; + left: 16.666667%; } - .lg\:mt-1\/2 { - margin-top: 50%; + .lg\:inset-y-2\/6 { + top: 33.333333%; + bottom: 33.333333%; } - .lg\:mr-1\/2 { - margin-right: 50%; + .lg\:inset-x-2\/6 { + right: 33.333333%; + left: 33.333333%; } - .lg\:mb-1\/2 { - margin-bottom: 50%; + .lg\:inset-y-3\/6 { + top: 50%; + bottom: 50%; } - .lg\:ml-1\/2 { - margin-left: 50%; + .lg\:inset-x-3\/6 { + right: 50%; + left: 50%; } - .lg\:mt-1\/3 { - margin-top: 33.333333%; + .lg\:inset-y-4\/6 { + top: 66.666667%; + bottom: 66.666667%; } - .lg\:mr-1\/3 { - margin-right: 33.333333%; + .lg\:inset-x-4\/6 { + right: 66.666667%; + left: 66.666667%; } - .lg\:mb-1\/3 { - margin-bottom: 33.333333%; + .lg\:inset-y-5\/6 { + top: 83.333333%; + bottom: 83.333333%; } - .lg\:ml-1\/3 { - margin-left: 33.333333%; + .lg\:inset-x-5\/6 { + right: 83.333333%; + left: 83.333333%; } - .lg\:mt-2\/3 { - margin-top: 66.666667%; + .lg\:inset-y-1\/12 { + top: 8.333333%; + bottom: 8.333333%; } - .lg\:mr-2\/3 { - margin-right: 66.666667%; + .lg\:inset-x-1\/12 { + right: 8.333333%; + left: 8.333333%; } - .lg\:mb-2\/3 { - margin-bottom: 66.666667%; + .lg\:inset-y-2\/12 { + top: 16.666667%; + bottom: 16.666667%; } - .lg\:ml-2\/3 { - margin-left: 66.666667%; + .lg\:inset-x-2\/12 { + right: 16.666667%; + left: 16.666667%; } - .lg\:mt-1\/4 { - margin-top: 25%; + .lg\:inset-y-3\/12 { + top: 25%; + bottom: 25%; } - .lg\:mr-1\/4 { - margin-right: 25%; + .lg\:inset-x-3\/12 { + right: 25%; + left: 25%; } - .lg\:mb-1\/4 { - margin-bottom: 25%; + .lg\:inset-y-4\/12 { + top: 33.333333%; + bottom: 33.333333%; } - .lg\:ml-1\/4 { - margin-left: 25%; + .lg\:inset-x-4\/12 { + right: 33.333333%; + left: 33.333333%; } - .lg\:mt-2\/4 { - margin-top: 50%; + .lg\:inset-y-5\/12 { + top: 41.666667%; + bottom: 41.666667%; } - .lg\:mr-2\/4 { - margin-right: 50%; + .lg\:inset-x-5\/12 { + right: 41.666667%; + left: 41.666667%; } - .lg\:mb-2\/4 { - margin-bottom: 50%; + .lg\:inset-y-6\/12 { + top: 50%; + bottom: 50%; } - .lg\:ml-2\/4 { - margin-left: 50%; + .lg\:inset-x-6\/12 { + right: 50%; + left: 50%; } - .lg\:mt-3\/4 { - margin-top: 75%; + .lg\:inset-y-7\/12 { + top: 58.333333%; + bottom: 58.333333%; } - .lg\:mr-3\/4 { - margin-right: 75%; + .lg\:inset-x-7\/12 { + right: 58.333333%; + left: 58.333333%; } - .lg\:mb-3\/4 { - margin-bottom: 75%; + .lg\:inset-y-8\/12 { + top: 66.666667%; + bottom: 66.666667%; } - .lg\:ml-3\/4 { - margin-left: 75%; + .lg\:inset-x-8\/12 { + right: 66.666667%; + left: 66.666667%; } - .lg\:mt-1\/5 { - margin-top: 20%; + .lg\:inset-y-9\/12 { + top: 75%; + bottom: 75%; } - .lg\:mr-1\/5 { - margin-right: 20%; + .lg\:inset-x-9\/12 { + right: 75%; + left: 75%; } - .lg\:mb-1\/5 { - margin-bottom: 20%; + .lg\:inset-y-10\/12 { + top: 83.333333%; + bottom: 83.333333%; } - .lg\:ml-1\/5 { - margin-left: 20%; + .lg\:inset-x-10\/12 { + right: 83.333333%; + left: 83.333333%; } - .lg\:mt-2\/5 { - margin-top: 40%; + .lg\:inset-y-11\/12 { + top: 91.666667%; + bottom: 91.666667%; } - .lg\:mr-2\/5 { - margin-right: 40%; + .lg\:inset-x-11\/12 { + right: 91.666667%; + left: 91.666667%; } - .lg\:mb-2\/5 { - margin-bottom: 40%; + .lg\:inset-y-full { + top: 100%; + bottom: 100%; } - .lg\:ml-2\/5 { - margin-left: 40%; + .lg\:inset-x-full { + right: 100%; + left: 100%; } - .lg\:mt-3\/5 { - margin-top: 60%; + .lg\:top-0 { + top: 0; } - .lg\:mr-3\/5 { - margin-right: 60%; + .lg\:right-0 { + right: 0; } - .lg\:mb-3\/5 { - margin-bottom: 60%; + .lg\:bottom-0 { + bottom: 0; } - .lg\:ml-3\/5 { - margin-left: 60%; + .lg\:left-0 { + left: 0; } - .lg\:mt-4\/5 { - margin-top: 80%; + .lg\:top-1 { + top: 0.25rem; } - .lg\:mr-4\/5 { - margin-right: 80%; + .lg\:right-1 { + right: 0.25rem; } - .lg\:mb-4\/5 { - margin-bottom: 80%; + .lg\:bottom-1 { + bottom: 0.25rem; } - .lg\:ml-4\/5 { - margin-left: 80%; + .lg\:left-1 { + left: 0.25rem; } - .lg\:mt-1\/6 { - margin-top: 16.666667%; + .lg\:top-2 { + top: 0.5rem; } - .lg\:mr-1\/6 { - margin-right: 16.666667%; + .lg\:right-2 { + right: 0.5rem; } - .lg\:mb-1\/6 { - margin-bottom: 16.666667%; + .lg\:bottom-2 { + bottom: 0.5rem; } - .lg\:ml-1\/6 { - margin-left: 16.666667%; + .lg\:left-2 { + left: 0.5rem; } - .lg\:mt-2\/6 { - margin-top: 33.333333%; + .lg\:top-3 { + top: 0.75rem; } - .lg\:mr-2\/6 { - margin-right: 33.333333%; + .lg\:right-3 { + right: 0.75rem; } - .lg\:mb-2\/6 { - margin-bottom: 33.333333%; + .lg\:bottom-3 { + bottom: 0.75rem; } - .lg\:ml-2\/6 { - margin-left: 33.333333%; + .lg\:left-3 { + left: 0.75rem; } - .lg\:mt-3\/6 { - margin-top: 50%; + .lg\:top-4 { + top: 1rem; } - .lg\:mr-3\/6 { - margin-right: 50%; + .lg\:right-4 { + right: 1rem; } - .lg\:mb-3\/6 { - margin-bottom: 50%; + .lg\:bottom-4 { + bottom: 1rem; } - .lg\:ml-3\/6 { - margin-left: 50%; + .lg\:left-4 { + left: 1rem; } - .lg\:mt-4\/6 { - margin-top: 66.666667%; + .lg\:top-5 { + top: 1.25rem; } - .lg\:mr-4\/6 { - margin-right: 66.666667%; + .lg\:right-5 { + right: 1.25rem; } - .lg\:mb-4\/6 { - margin-bottom: 66.666667%; + .lg\:bottom-5 { + bottom: 1.25rem; } - .lg\:ml-4\/6 { - margin-left: 66.666667%; + .lg\:left-5 { + left: 1.25rem; } - .lg\:mt-5\/6 { - margin-top: 83.333333%; + .lg\:top-6 { + top: 1.5rem; } - .lg\:mr-5\/6 { - margin-right: 83.333333%; + .lg\:right-6 { + right: 1.5rem; } - .lg\:mb-5\/6 { - margin-bottom: 83.333333%; + .lg\:bottom-6 { + bottom: 1.5rem; } - .lg\:ml-5\/6 { - margin-left: 83.333333%; + .lg\:left-6 { + left: 1.5rem; } - .lg\:mt-1\/12 { - margin-top: 8.333333%; + .lg\:top-7 { + top: 1.75rem; } - .lg\:mr-1\/12 { - margin-right: 8.333333%; + .lg\:right-7 { + right: 1.75rem; } - .lg\:mb-1\/12 { - margin-bottom: 8.333333%; + .lg\:bottom-7 { + bottom: 1.75rem; } - .lg\:ml-1\/12 { - margin-left: 8.333333%; + .lg\:left-7 { + left: 1.75rem; } - .lg\:mt-2\/12 { - margin-top: 16.666667%; + .lg\:top-8 { + top: 2rem; } - .lg\:mr-2\/12 { - margin-right: 16.666667%; + .lg\:right-8 { + right: 2rem; } - .lg\:mb-2\/12 { - margin-bottom: 16.666667%; + .lg\:bottom-8 { + bottom: 2rem; } - .lg\:ml-2\/12 { - margin-left: 16.666667%; + .lg\:left-8 { + left: 2rem; } - .lg\:mt-3\/12 { - margin-top: 25%; + .lg\:top-9 { + top: 2.25rem; } - .lg\:mr-3\/12 { - margin-right: 25%; + .lg\:right-9 { + right: 2.25rem; } - .lg\:mb-3\/12 { - margin-bottom: 25%; + .lg\:bottom-9 { + bottom: 2.25rem; } - .lg\:ml-3\/12 { - margin-left: 25%; + .lg\:left-9 { + left: 2.25rem; } - .lg\:mt-4\/12 { - margin-top: 33.333333%; + .lg\:top-10 { + top: 2.5rem; } - .lg\:mr-4\/12 { - margin-right: 33.333333%; + .lg\:right-10 { + right: 2.5rem; } - .lg\:mb-4\/12 { - margin-bottom: 33.333333%; + .lg\:bottom-10 { + bottom: 2.5rem; } - .lg\:ml-4\/12 { - margin-left: 33.333333%; + .lg\:left-10 { + left: 2.5rem; } - .lg\:mt-5\/12 { - margin-top: 41.666667%; + .lg\:top-11 { + top: 2.75rem; } - .lg\:mr-5\/12 { - margin-right: 41.666667%; + .lg\:right-11 { + right: 2.75rem; } - .lg\:mb-5\/12 { - margin-bottom: 41.666667%; + .lg\:bottom-11 { + bottom: 2.75rem; } - .lg\:ml-5\/12 { - margin-left: 41.666667%; + .lg\:left-11 { + left: 2.75rem; } - .lg\:mt-6\/12 { - margin-top: 50%; + .lg\:top-12 { + top: 3rem; } - .lg\:mr-6\/12 { - margin-right: 50%; + .lg\:right-12 { + right: 3rem; } - .lg\:mb-6\/12 { - margin-bottom: 50%; + .lg\:bottom-12 { + bottom: 3rem; } - .lg\:ml-6\/12 { - margin-left: 50%; + .lg\:left-12 { + left: 3rem; } - .lg\:mt-7\/12 { - margin-top: 58.333333%; + .lg\:top-13 { + top: 3.25rem; } - .lg\:mr-7\/12 { - margin-right: 58.333333%; + .lg\:right-13 { + right: 3.25rem; } - .lg\:mb-7\/12 { - margin-bottom: 58.333333%; + .lg\:bottom-13 { + bottom: 3.25rem; } - .lg\:ml-7\/12 { - margin-left: 58.333333%; + .lg\:left-13 { + left: 3.25rem; } - .lg\:mt-8\/12 { - margin-top: 66.666667%; + .lg\:top-14 { + top: 3.5rem; } - .lg\:mr-8\/12 { - margin-right: 66.666667%; + .lg\:right-14 { + right: 3.5rem; } - .lg\:mb-8\/12 { - margin-bottom: 66.666667%; + .lg\:bottom-14 { + bottom: 3.5rem; } - .lg\:ml-8\/12 { - margin-left: 66.666667%; + .lg\:left-14 { + left: 3.5rem; } - .lg\:mt-9\/12 { - margin-top: 75%; + .lg\:top-15 { + top: 3.75rem; } - .lg\:mr-9\/12 { - margin-right: 75%; + .lg\:right-15 { + right: 3.75rem; } - .lg\:mb-9\/12 { - margin-bottom: 75%; + .lg\:bottom-15 { + bottom: 3.75rem; } - .lg\:ml-9\/12 { - margin-left: 75%; + .lg\:left-15 { + left: 3.75rem; } - .lg\:mt-10\/12 { - margin-top: 83.333333%; + .lg\:top-16 { + top: 4rem; } - .lg\:mr-10\/12 { - margin-right: 83.333333%; + .lg\:right-16 { + right: 4rem; } - .lg\:mb-10\/12 { - margin-bottom: 83.333333%; + .lg\:bottom-16 { + bottom: 4rem; } - .lg\:ml-10\/12 { - margin-left: 83.333333%; + .lg\:left-16 { + left: 4rem; } - .lg\:mt-11\/12 { - margin-top: 91.666667%; + .lg\:top-20 { + top: 5rem; } - .lg\:mr-11\/12 { - margin-right: 91.666667%; + .lg\:right-20 { + right: 5rem; } - .lg\:mb-11\/12 { - margin-bottom: 91.666667%; + .lg\:bottom-20 { + bottom: 5rem; } - .lg\:ml-11\/12 { - margin-left: 91.666667%; + .lg\:left-20 { + left: 5rem; } - .lg\:mt-full { - margin-top: 100%; + .lg\:top-24 { + top: 6rem; } - .lg\:mr-full { - margin-right: 100%; + .lg\:right-24 { + right: 6rem; } - .lg\:mb-full { - margin-bottom: 100%; + .lg\:bottom-24 { + bottom: 6rem; } - .lg\:ml-full { - margin-left: 100%; + .lg\:left-24 { + left: 6rem; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .lg\:top-28 { + top: 7rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .lg\:right-28 { + right: 7rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:bottom-28 { + bottom: 7rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .lg\:left-28 { + left: 7rem; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .lg\:top-32 { + top: 8rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .lg\:right-32 { + right: 8rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:bottom-32 { + bottom: 8rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .lg\:left-32 { + left: 8rem; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .lg\:top-36 { + top: 9rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .lg\:right-36 { + right: 9rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:bottom-36 { + bottom: 9rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .lg\:left-36 { + left: 9rem; } - .lg\:-mt-4 { - margin-top: -1rem; + .lg\:top-40 { + top: 10rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .lg\:right-40 { + right: 10rem; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .lg\:bottom-40 { + bottom: 10rem; } - .lg\:-ml-4 { - margin-left: -1rem; + .lg\:left-40 { + left: 10rem; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .lg\:top-44 { + top: 11rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .lg\:right-44 { + right: 11rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .lg\:bottom-44 { + bottom: 11rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .lg\:left-44 { + left: 11rem; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .lg\:top-48 { + top: 12rem; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .lg\:right-48 { + right: 12rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:bottom-48 { + bottom: 12rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .lg\:left-48 { + left: 12rem; } - .lg\:-mt-7 { - margin-top: -1.75rem; + .lg\:top-52 { + top: 13rem; } - .lg\:-mr-7 { - margin-right: -1.75rem; + .lg\:right-52 { + right: 13rem; } - .lg\:-mb-7 { - margin-bottom: -1.75rem; + .lg\:bottom-52 { + bottom: 13rem; } - .lg\:-ml-7 { - margin-left: -1.75rem; + .lg\:left-52 { + left: 13rem; } - .lg\:-mt-8 { - margin-top: -2rem; + .lg\:top-56 { + top: 14rem; } - .lg\:-mr-8 { - margin-right: -2rem; + .lg\:right-56 { + right: 14rem; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .lg\:bottom-56 { + bottom: 14rem; } - .lg\:-ml-8 { - margin-left: -2rem; + .lg\:left-56 { + left: 14rem; } - .lg\:-mt-9 { - margin-top: -2.25rem; + .lg\:top-60 { + top: 15rem; } - .lg\:-mr-9 { - margin-right: -2.25rem; + .lg\:right-60 { + right: 15rem; } - .lg\:-mb-9 { - margin-bottom: -2.25rem; + .lg\:bottom-60 { + bottom: 15rem; } - .lg\:-ml-9 { - margin-left: -2.25rem; + .lg\:left-60 { + left: 15rem; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .lg\:top-64 { + top: 16rem; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .lg\:right-64 { + right: 16rem; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .lg\:bottom-64 { + bottom: 16rem; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .lg\:left-64 { + left: 16rem; } - .lg\:-mt-11 { - margin-top: -2.75rem; + .lg\:top-72 { + top: 18rem; } - .lg\:-mr-11 { - margin-right: -2.75rem; + .lg\:right-72 { + right: 18rem; } - .lg\:-mb-11 { - margin-bottom: -2.75rem; + .lg\:bottom-72 { + bottom: 18rem; } - .lg\:-ml-11 { - margin-left: -2.75rem; + .lg\:left-72 { + left: 18rem; } - .lg\:-mt-12 { - margin-top: -3rem; + .lg\:top-80 { + top: 20rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .lg\:right-80 { + right: 20rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .lg\:bottom-80 { + bottom: 20rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .lg\:left-80 { + left: 20rem; } - .lg\:-mt-13 { - margin-top: -3.25rem; + .lg\:top-96 { + top: 24rem; } - .lg\:-mr-13 { - margin-right: -3.25rem; + .lg\:right-96 { + right: 24rem; } - .lg\:-mb-13 { - margin-bottom: -3.25rem; + .lg\:bottom-96 { + bottom: 24rem; } - .lg\:-ml-13 { - margin-left: -3.25rem; + .lg\:left-96 { + left: 24rem; } - .lg\:-mt-14 { - margin-top: -3.5rem; + .lg\:top-auto { + top: auto; } - .lg\:-mr-14 { - margin-right: -3.5rem; + .lg\:right-auto { + right: auto; } - .lg\:-mb-14 { - margin-bottom: -3.5rem; + .lg\:bottom-auto { + bottom: auto; } - .lg\:-ml-14 { - margin-left: -3.5rem; + .lg\:left-auto { + left: auto; } - .lg\:-mt-15 { - margin-top: -3.75rem; + .lg\:top-px { + top: 1px; } - .lg\:-mr-15 { - margin-right: -3.75rem; + .lg\:right-px { + right: 1px; } - .lg\:-mb-15 { - margin-bottom: -3.75rem; + .lg\:bottom-px { + bottom: 1px; } - .lg\:-ml-15 { - margin-left: -3.75rem; + .lg\:left-px { + left: 1px; } - .lg\:-mt-16 { - margin-top: -4rem; + .lg\:top-0\.5 { + top: 0.125rem; } - .lg\:-mr-16 { - margin-right: -4rem; + .lg\:right-0\.5 { + right: 0.125rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .lg\:bottom-0\.5 { + bottom: 0.125rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .lg\:left-0\.5 { + left: 0.125rem; } - .lg\:-mt-20 { - margin-top: -5rem; + .lg\:top-1\.5 { + top: 0.375rem; } - .lg\:-mr-20 { - margin-right: -5rem; + .lg\:right-1\.5 { + right: 0.375rem; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .lg\:bottom-1\.5 { + bottom: 0.375rem; } - .lg\:-ml-20 { - margin-left: -5rem; + .lg\:left-1\.5 { + left: 0.375rem; } - .lg\:-mt-24 { - margin-top: -6rem; + .lg\:top-2\.5 { + top: 0.625rem; } - .lg\:-mr-24 { - margin-right: -6rem; + .lg\:right-2\.5 { + right: 0.625rem; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .lg\:bottom-2\.5 { + bottom: 0.625rem; } - .lg\:-ml-24 { - margin-left: -6rem; + .lg\:left-2\.5 { + left: 0.625rem; } - .lg\:-mt-28 { - margin-top: -7rem; + .lg\:top-3\.5 { + top: 0.875rem; } - .lg\:-mr-28 { - margin-right: -7rem; + .lg\:right-3\.5 { + right: 0.875rem; } - .lg\:-mb-28 { - margin-bottom: -7rem; + .lg\:bottom-3\.5 { + bottom: 0.875rem; } - .lg\:-ml-28 { - margin-left: -7rem; + .lg\:left-3\.5 { + left: 0.875rem; } - .lg\:-mt-32 { - margin-top: -8rem; + .lg\:top-1\/2 { + top: 50%; } - .lg\:-mr-32 { - margin-right: -8rem; + .lg\:right-1\/2 { + right: 50%; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .lg\:bottom-1\/2 { + bottom: 50%; } - .lg\:-ml-32 { - margin-left: -8rem; + .lg\:left-1\/2 { + left: 50%; } - .lg\:-mt-36 { - margin-top: -9rem; + .lg\:top-1\/3 { + top: 33.333333%; } - .lg\:-mr-36 { - margin-right: -9rem; + .lg\:right-1\/3 { + right: 33.333333%; } - .lg\:-mb-36 { - margin-bottom: -9rem; + .lg\:bottom-1\/3 { + bottom: 33.333333%; } - .lg\:-ml-36 { - margin-left: -9rem; + .lg\:left-1\/3 { + left: 33.333333%; } - .lg\:-mt-40 { - margin-top: -10rem; + .lg\:top-2\/3 { + top: 66.666667%; } - .lg\:-mr-40 { - margin-right: -10rem; + .lg\:right-2\/3 { + right: 66.666667%; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .lg\:bottom-2\/3 { + bottom: 66.666667%; } - .lg\:-ml-40 { - margin-left: -10rem; + .lg\:left-2\/3 { + left: 66.666667%; } - .lg\:-mt-44 { - margin-top: -11rem; + .lg\:top-1\/4 { + top: 25%; } - .lg\:-mr-44 { - margin-right: -11rem; + .lg\:right-1\/4 { + right: 25%; } - .lg\:-mb-44 { - margin-bottom: -11rem; + .lg\:bottom-1\/4 { + bottom: 25%; } - .lg\:-ml-44 { - margin-left: -11rem; + .lg\:left-1\/4 { + left: 25%; } - .lg\:-mt-48 { - margin-top: -12rem; + .lg\:top-2\/4 { + top: 50%; } - - .lg\:-mr-48 { - margin-right: -12rem; + + .lg\:right-2\/4 { + right: 50%; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .lg\:bottom-2\/4 { + bottom: 50%; } - .lg\:-ml-48 { - margin-left: -12rem; + .lg\:left-2\/4 { + left: 50%; } - .lg\:-mt-52 { - margin-top: -13rem; + .lg\:top-3\/4 { + top: 75%; } - .lg\:-mr-52 { - margin-right: -13rem; + .lg\:right-3\/4 { + right: 75%; } - .lg\:-mb-52 { - margin-bottom: -13rem; + .lg\:bottom-3\/4 { + bottom: 75%; } - .lg\:-ml-52 { - margin-left: -13rem; + .lg\:left-3\/4 { + left: 75%; } - .lg\:-mt-56 { - margin-top: -14rem; + .lg\:top-1\/5 { + top: 20%; } - .lg\:-mr-56 { - margin-right: -14rem; + .lg\:right-1\/5 { + right: 20%; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .lg\:bottom-1\/5 { + bottom: 20%; } - .lg\:-ml-56 { - margin-left: -14rem; + .lg\:left-1\/5 { + left: 20%; } - .lg\:-mt-60 { - margin-top: -15rem; + .lg\:top-2\/5 { + top: 40%; } - .lg\:-mr-60 { - margin-right: -15rem; + .lg\:right-2\/5 { + right: 40%; } - .lg\:-mb-60 { - margin-bottom: -15rem; + .lg\:bottom-2\/5 { + bottom: 40%; } - .lg\:-ml-60 { - margin-left: -15rem; + .lg\:left-2\/5 { + left: 40%; } - .lg\:-mt-64 { - margin-top: -16rem; + .lg\:top-3\/5 { + top: 60%; } - .lg\:-mr-64 { - margin-right: -16rem; + .lg\:right-3\/5 { + right: 60%; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .lg\:bottom-3\/5 { + bottom: 60%; } - .lg\:-ml-64 { - margin-left: -16rem; + .lg\:left-3\/5 { + left: 60%; } - .lg\:-mt-72 { - margin-top: -18rem; + .lg\:top-4\/5 { + top: 80%; } - .lg\:-mr-72 { - margin-right: -18rem; + .lg\:right-4\/5 { + right: 80%; } - .lg\:-mb-72 { - margin-bottom: -18rem; + .lg\:bottom-4\/5 { + bottom: 80%; } - .lg\:-ml-72 { - margin-left: -18rem; + .lg\:left-4\/5 { + left: 80%; } - .lg\:-mt-80 { - margin-top: -20rem; + .lg\:top-1\/6 { + top: 16.666667%; } - .lg\:-mr-80 { - margin-right: -20rem; + .lg\:right-1\/6 { + right: 16.666667%; } - .lg\:-mb-80 { - margin-bottom: -20rem; + .lg\:bottom-1\/6 { + bottom: 16.666667%; } - .lg\:-ml-80 { - margin-left: -20rem; + .lg\:left-1\/6 { + left: 16.666667%; } - .lg\:-mt-96 { - margin-top: -24rem; + .lg\:top-2\/6 { + top: 33.333333%; } - .lg\:-mr-96 { - margin-right: -24rem; + .lg\:right-2\/6 { + right: 33.333333%; } - .lg\:-mb-96 { - margin-bottom: -24rem; + .lg\:bottom-2\/6 { + bottom: 33.333333%; } - .lg\:-ml-96 { - margin-left: -24rem; + .lg\:left-2\/6 { + left: 33.333333%; } - .lg\:-mt-px { - margin-top: -1px; + .lg\:top-3\/6 { + top: 50%; } - .lg\:-mr-px { - margin-right: -1px; + .lg\:right-3\/6 { + right: 50%; } - .lg\:-mb-px { - margin-bottom: -1px; + .lg\:bottom-3\/6 { + bottom: 50%; } - .lg\:-ml-px { - margin-left: -1px; + .lg\:left-3\/6 { + left: 50%; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem; + .lg\:top-4\/6 { + top: 66.666667%; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem; + .lg\:right-4\/6 { + right: 66.666667%; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem; + .lg\:bottom-4\/6 { + bottom: 66.666667%; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem; + .lg\:left-4\/6 { + left: 66.666667%; } - .lg\:-mt-1\.5 { - margin-top: -0.375rem; + .lg\:top-5\/6 { + top: 83.333333%; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem; + .lg\:right-5\/6 { + right: 83.333333%; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem; + .lg\:bottom-5\/6 { + bottom: 83.333333%; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem; + .lg\:left-5\/6 { + left: 83.333333%; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem; + .lg\:top-1\/12 { + top: 8.333333%; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem; + .lg\:right-1\/12 { + right: 8.333333%; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem; + .lg\:bottom-1\/12 { + bottom: 8.333333%; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem; + .lg\:left-1\/12 { + left: 8.333333%; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem; + .lg\:top-2\/12 { + top: 16.666667%; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem; + .lg\:right-2\/12 { + right: 16.666667%; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem; + .lg\:bottom-2\/12 { + bottom: 16.666667%; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem; + .lg\:left-2\/12 { + left: 16.666667%; } - .lg\:-mt-1\/2 { - margin-top: -50%; + .lg\:top-3\/12 { + top: 25%; } - .lg\:-mr-1\/2 { - margin-right: -50%; + .lg\:right-3\/12 { + right: 25%; } - .lg\:-mb-1\/2 { - margin-bottom: -50%; + .lg\:bottom-3\/12 { + bottom: 25%; } - .lg\:-ml-1\/2 { - margin-left: -50%; + .lg\:left-3\/12 { + left: 25%; } - .lg\:-mt-1\/3 { - margin-top: -33.33333%; + .lg\:top-4\/12 { + top: 33.333333%; } - .lg\:-mr-1\/3 { - margin-right: -33.33333%; + .lg\:right-4\/12 { + right: 33.333333%; } - .lg\:-mb-1\/3 { - margin-bottom: -33.33333%; + .lg\:bottom-4\/12 { + bottom: 33.333333%; } - .lg\:-ml-1\/3 { - margin-left: -33.33333%; + .lg\:left-4\/12 { + left: 33.333333%; } - .lg\:-mt-2\/3 { - margin-top: -66.66667%; + .lg\:top-5\/12 { + top: 41.666667%; } - .lg\:-mr-2\/3 { - margin-right: -66.66667%; + .lg\:right-5\/12 { + right: 41.666667%; } - .lg\:-mb-2\/3 { - margin-bottom: -66.66667%; + .lg\:bottom-5\/12 { + bottom: 41.666667%; } - .lg\:-ml-2\/3 { - margin-left: -66.66667%; + .lg\:left-5\/12 { + left: 41.666667%; } - .lg\:-mt-1\/4 { - margin-top: -25%; + .lg\:top-6\/12 { + top: 50%; } - .lg\:-mr-1\/4 { - margin-right: -25%; + .lg\:right-6\/12 { + right: 50%; } - .lg\:-mb-1\/4 { - margin-bottom: -25%; + .lg\:bottom-6\/12 { + bottom: 50%; } - .lg\:-ml-1\/4 { - margin-left: -25%; + .lg\:left-6\/12 { + left: 50%; } - .lg\:-mt-2\/4 { - margin-top: -50%; + .lg\:top-7\/12 { + top: 58.333333%; } - .lg\:-mr-2\/4 { - margin-right: -50%; + .lg\:right-7\/12 { + right: 58.333333%; } - .lg\:-mb-2\/4 { - margin-bottom: -50%; + .lg\:bottom-7\/12 { + bottom: 58.333333%; } - .lg\:-ml-2\/4 { - margin-left: -50%; + .lg\:left-7\/12 { + left: 58.333333%; } - .lg\:-mt-3\/4 { - margin-top: -75%; + .lg\:top-8\/12 { + top: 66.666667%; } - .lg\:-mr-3\/4 { - margin-right: -75%; + .lg\:right-8\/12 { + right: 66.666667%; } - .lg\:-mb-3\/4 { - margin-bottom: -75%; + .lg\:bottom-8\/12 { + bottom: 66.666667%; } - .lg\:-ml-3\/4 { - margin-left: -75%; + .lg\:left-8\/12 { + left: 66.666667%; } - .lg\:-mt-1\/5 { - margin-top: -20%; + .lg\:top-9\/12 { + top: 75%; } - .lg\:-mr-1\/5 { - margin-right: -20%; + .lg\:right-9\/12 { + right: 75%; } - .lg\:-mb-1\/5 { - margin-bottom: -20%; + .lg\:bottom-9\/12 { + bottom: 75%; } - .lg\:-ml-1\/5 { - margin-left: -20%; + .lg\:left-9\/12 { + left: 75%; } - .lg\:-mt-2\/5 { - margin-top: -40%; + .lg\:top-10\/12 { + top: 83.333333%; } - .lg\:-mr-2\/5 { - margin-right: -40%; + .lg\:right-10\/12 { + right: 83.333333%; } - .lg\:-mb-2\/5 { - margin-bottom: -40%; + .lg\:bottom-10\/12 { + bottom: 83.333333%; } - .lg\:-ml-2\/5 { - margin-left: -40%; + .lg\:left-10\/12 { + left: 83.333333%; } - .lg\:-mt-3\/5 { - margin-top: -60%; + .lg\:top-11\/12 { + top: 91.666667%; } - .lg\:-mr-3\/5 { - margin-right: -60%; + .lg\:right-11\/12 { + right: 91.666667%; } - .lg\:-mb-3\/5 { - margin-bottom: -60%; + .lg\:bottom-11\/12 { + bottom: 91.666667%; } - .lg\:-ml-3\/5 { - margin-left: -60%; + .lg\:left-11\/12 { + left: 91.666667%; } - .lg\:-mt-4\/5 { - margin-top: -80%; + .lg\:top-full { + top: 100%; } - .lg\:-mr-4\/5 { - margin-right: -80%; + .lg\:right-full { + right: 100%; } - .lg\:-mb-4\/5 { - margin-bottom: -80%; + .lg\:bottom-full { + bottom: 100%; } - .lg\:-ml-4\/5 { - margin-left: -80%; + .lg\:left-full { + left: 100%; } - .lg\:-mt-1\/6 { - margin-top: -16.66667%; + .lg\:resize-none { + resize: none; } - .lg\:-mr-1\/6 { - margin-right: -16.66667%; + .lg\:resize-y { + resize: vertical; } - .lg\:-mb-1\/6 { - margin-bottom: -16.66667%; + .lg\:resize-x { + resize: horizontal; } - .lg\:-ml-1\/6 { - margin-left: -16.66667%; + .lg\:resize { + resize: both; } - .lg\:-mt-2\/6 { - margin-top: -33.33333%; + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:-mr-2\/6 { - margin-right: -33.33333%; + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:-mb-2\/6 { - margin-bottom: -33.33333%; + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:-ml-2\/6 { - margin-left: -33.33333%; + .lg\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:-mt-3\/6 { - margin-top: -50%; + .lg\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:-mr-3\/6 { - margin-right: -50%; + .lg\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:-mb-3\/6 { - margin-bottom: -50%; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:-ml-3\/6 { - margin-left: -50%; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:-mt-4\/6 { - margin-top: -66.66667%; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:-mr-4\/6 { - margin-right: -66.66667%; + .lg\:shadow-none { + box-shadow: none; } - .lg\:-mb-4\/6 { - margin-bottom: -66.66667%; + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:-ml-4\/6 { - margin-left: -66.66667%; + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:-mt-5\/6 { - margin-top: -83.33333%; + .lg\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:-mr-5\/6 { - margin-right: -83.33333%; + .lg\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:-mb-5\/6 { - margin-bottom: -83.33333%; + .lg\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:-ml-5\/6 { - margin-left: -83.33333%; + .lg\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:-mt-1\/12 { - margin-top: -8.33333%; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:-mr-1\/12 { - margin-right: -8.33333%; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:-mb-1\/12 { - margin-bottom: -8.33333%; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:-ml-1\/12 { - margin-left: -8.33333%; + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .lg\:-mt-2\/12 { - margin-top: -16.66667%; + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:-mr-2\/12 { - margin-right: -16.66667%; + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:-mb-2\/12 { - margin-bottom: -16.66667%; + .lg\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:-ml-2\/12 { - margin-left: -16.66667%; + .lg\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:-mt-3\/12 { - margin-top: -25%; + .lg\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:-mr-3\/12 { - margin-right: -25%; + .lg\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:-mb-3\/12 { - margin-bottom: -25%; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:-ml-3\/12 { - margin-left: -25%; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:-mt-4\/12 { - margin-top: -33.33333%; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:-mr-4\/12 { - margin-right: -33.33333%; + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .lg\:-mb-4\/12 { - margin-bottom: -33.33333%; + .lg\:fill-current { + fill: currentColor; } - .lg\:-ml-4\/12 { - margin-left: -33.33333%; + .lg\:stroke-current { + stroke: currentColor; } - .lg\:-mt-5\/12 { - margin-top: -41.66667%; + .lg\:stroke-0 { + stroke-width: 0; } - .lg\:-mr-5\/12 { - margin-right: -41.66667%; + .lg\:stroke-1 { + stroke-width: 1; } - .lg\:-mb-5\/12 { - margin-bottom: -41.66667%; + .lg\:stroke-2 { + stroke-width: 2; } - .lg\:-ml-5\/12 { - margin-left: -41.66667%; + .lg\:table-auto { + table-layout: auto; } - .lg\:-mt-6\/12 { - margin-top: -50%; + .lg\:table-fixed { + table-layout: fixed; } - .lg\:-mr-6\/12 { - margin-right: -50%; + .lg\:text-left { + text-align: left; } - .lg\:-mb-6\/12 { - margin-bottom: -50%; + .lg\:text-center { + text-align: center; } - .lg\:-ml-6\/12 { - margin-left: -50%; + .lg\:text-right { + text-align: right; } - .lg\:-mt-7\/12 { - margin-top: -58.33333%; + .lg\:text-justify { + text-align: justify; } - .lg\:-mr-7\/12 { - margin-right: -58.33333%; + .lg\:text-transparent { + color: transparent; } - .lg\:-mb-7\/12 { - margin-bottom: -58.33333%; + .lg\:text-current { + color: currentColor; } - .lg\:-ml-7\/12 { - margin-left: -58.33333%; + .lg\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:-mt-8\/12 { - margin-top: -66.66667%; + .lg\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:-mr-8\/12 { - margin-right: -66.66667%; + .lg\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .lg\:-mb-8\/12 { - margin-bottom: -66.66667%; + .lg\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .lg\:-ml-8\/12 { - margin-left: -66.66667%; + .lg\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .lg\:-mt-9\/12 { - margin-top: -75%; + .lg\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .lg\:-mr-9\/12 { - margin-right: -75%; + .lg\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .lg\:-mb-9\/12 { - margin-bottom: -75%; + .lg\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .lg\:-ml-9\/12 { - margin-left: -75%; + .lg\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .lg\:-mt-10\/12 { - margin-top: -83.33333%; + .lg\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .lg\:-mr-10\/12 { - margin-right: -83.33333%; + .lg\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .lg\:-mb-10\/12 { - margin-bottom: -83.33333%; + .lg\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .lg\:-ml-10\/12 { - margin-left: -83.33333%; + .lg\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .lg\:-mt-11\/12 { - margin-top: -91.66667%; + .lg\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .lg\:-mr-11\/12 { - margin-right: -91.66667%; + .lg\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .lg\:-mb-11\/12 { - margin-bottom: -91.66667%; + .lg\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .lg\:-ml-11\/12 { - margin-left: -91.66667%; + .lg\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .lg\:-mt-full { - margin-top: -100%; + .lg\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .lg\:-mr-full { - margin-right: -100%; + .lg\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .lg\:-mb-full { - margin-bottom: -100%; + .lg\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .lg\:-ml-full { - margin-left: -100%; + .lg\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .lg\:max-h-0 { - max-height: 0; + .lg\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .lg\:max-h-1 { - max-height: 0.25rem; + .lg\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .lg\:max-h-2 { - max-height: 0.5rem; + .lg\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .lg\:max-h-3 { - max-height: 0.75rem; + .lg\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .lg\:max-h-4 { - max-height: 1rem; + .lg\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .lg\:max-h-5 { - max-height: 1.25rem; + .lg\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .lg\:max-h-6 { - max-height: 1.5rem; + .lg\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .lg\:max-h-7 { - max-height: 1.75rem; + .lg\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .lg\:max-h-8 { - max-height: 2rem; + .lg\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .lg\:max-h-9 { - max-height: 2.25rem; + .lg\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .lg\:max-h-10 { - max-height: 2.5rem; + .lg\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .lg\:max-h-11 { - max-height: 2.75rem; + .lg\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .lg\:max-h-12 { - max-height: 3rem; + .lg\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .lg\:max-h-13 { - max-height: 3.25rem; + .lg\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .lg\:max-h-14 { - max-height: 3.5rem; + .lg\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .lg\:max-h-15 { - max-height: 3.75rem; + .lg\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .lg\:max-h-16 { - max-height: 4rem; + .lg\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .lg\:max-h-20 { - max-height: 5rem; + .lg\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .lg\:max-h-24 { - max-height: 6rem; + .lg\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .lg\:max-h-28 { - max-height: 7rem; + .lg\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .lg\:max-h-32 { - max-height: 8rem; + .lg\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .lg\:max-h-36 { - max-height: 9rem; + .lg\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .lg\:max-h-40 { - max-height: 10rem; + .lg\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .lg\:max-h-44 { - max-height: 11rem; + .lg\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .lg\:max-h-48 { - max-height: 12rem; + .lg\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .lg\:max-h-52 { - max-height: 13rem; + .lg\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .lg\:max-h-56 { - max-height: 14rem; + .lg\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .lg\:max-h-60 { - max-height: 15rem; + .lg\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .lg\:max-h-64 { - max-height: 16rem; + .lg\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .lg\:max-h-72 { - max-height: 18rem; + .lg\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .lg\:max-h-80 { - max-height: 20rem; + .lg\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .lg\:max-h-96 { - max-height: 24rem; + .lg\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .lg\:max-h-screen { - max-height: 100vh; + .lg\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .lg\:max-h-px { - max-height: 1px; + .lg\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .lg\:max-h-0\.5 { - max-height: 0.125rem; + .lg\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .lg\:max-h-1\.5 { - max-height: 0.375rem; + .lg\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .lg\:max-h-2\.5 { - max-height: 0.625rem; + .lg\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .lg\:max-h-3\.5 { - max-height: 0.875rem; + .lg\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .lg\:max-h-1\/2 { - max-height: 50%; + .lg\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .lg\:max-h-1\/3 { - max-height: 33.333333%; + .lg\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .lg\:max-h-2\/3 { - max-height: 66.666667%; + .lg\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .lg\:max-h-1\/4 { - max-height: 25%; + .lg\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .lg\:max-h-2\/4 { - max-height: 50%; + .lg\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .lg\:max-h-3\/4 { - max-height: 75%; + .lg\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .lg\:max-h-1\/5 { - max-height: 20%; + .lg\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .lg\:max-h-2\/5 { - max-height: 40%; + .lg\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .lg\:max-h-3\/5 { - max-height: 60%; + .lg\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .lg\:max-h-4\/5 { - max-height: 80%; + .lg\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .lg\:max-h-1\/6 { - max-height: 16.666667%; + .lg\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .lg\:max-h-2\/6 { - max-height: 33.333333%; + .lg\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .lg\:max-h-3\/6 { - max-height: 50%; + .lg\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .lg\:max-h-4\/6 { - max-height: 66.666667%; + .lg\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .lg\:max-h-5\/6 { - max-height: 83.333333%; + .lg\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .lg\:max-h-1\/12 { - max-height: 8.333333%; + .lg\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .lg\:max-h-2\/12 { - max-height: 16.666667%; + .lg\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .lg\:max-h-3\/12 { - max-height: 25%; + .lg\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .lg\:max-h-4\/12 { - max-height: 33.333333%; + .lg\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .lg\:max-h-5\/12 { - max-height: 41.666667%; + .lg\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .lg\:max-h-6\/12 { - max-height: 50%; + .lg\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .lg\:max-h-7\/12 { - max-height: 58.333333%; + .lg\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .lg\:max-h-8\/12 { - max-height: 66.666667%; + .lg\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .lg\:max-h-9\/12 { - max-height: 75%; + .lg\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .lg\:max-h-10\/12 { - max-height: 83.333333%; + .lg\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .lg\:max-h-11\/12 { - max-height: 91.666667%; + .lg\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .lg\:max-h-full { - max-height: 100%; + .lg\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .lg\:max-w-0 { - max-width: 0rem; + .lg\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .lg\:max-w-none { - max-width: none; + .lg\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .lg\:max-w-sm { - max-width: 24rem; + .lg\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .lg\:max-w-md { - max-width: 28rem; + .lg\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .lg\:max-w-lg { - max-width: 32rem; + .lg\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .lg\:max-w-xl { - max-width: 36rem; + .lg\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:max-w-2xl { - max-width: 42rem; + .lg\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .lg\:max-w-3xl { - max-width: 48rem; + .lg\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .lg\:max-w-4xl { - max-width: 56rem; + .lg\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .lg\:max-w-5xl { - max-width: 64rem; + .lg\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .lg\:max-w-6xl { - max-width: 72rem; + .lg\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .lg\:max-w-7xl { - max-width: 80rem; + .lg\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .lg\:max-w-full { - max-width: 100%; + .lg\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .lg\:max-w-min-content { - max-width: min-content; + .lg\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .lg\:max-w-max-content { - max-width: max-content; + .lg\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .lg\:max-w-screen-sm { - max-width: 640px; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .lg\:max-w-screen-md { - max-width: 768px; + .lg\:hover\:text-current:hover { + color: currentColor; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .lg\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:max-w-screen-xl { - max-width: 1280px; + .lg\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:min-h-0 { - min-height: 0; + .lg\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .lg\:min-h-full { - min-height: 100%; + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .lg\:min-h-screen { - min-height: 100vh; + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .lg\:min-w-0 { - min-width: 0; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .lg\:min-w-full { - min-width: 100%; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .lg\:min-w-min-content { - min-width: min-content; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .lg\:min-w-max-content { - min-width: max-content; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .lg\:object-contain { - object-fit: contain; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .lg\:object-cover { - object-fit: cover; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .lg\:object-fill { - object-fit: fill; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .lg\:object-none { - object-fit: none; + .lg\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .lg\:object-scale-down { - object-fit: scale-down; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .lg\:object-bottom { - object-position: bottom; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .lg\:object-center { - object-position: center; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .lg\:object-left { - object-position: left; + .lg\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .lg\:object-left-bottom { - object-position: left bottom; + .lg\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .lg\:object-left-top { - object-position: left top; + .lg\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .lg\:object-right { - object-position: right; + .lg\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .lg\:object-right-bottom { - object-position: right bottom; + .lg\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .lg\:object-right-top { - object-position: right top; + .lg\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .lg\:object-top { - object-position: top; + .lg\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .lg\:opacity-0 { - opacity: 0; + .lg\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .lg\:opacity-25 { - opacity: 0.25; + .lg\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .lg\:opacity-50 { - opacity: 0.5; + .lg\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .lg\:opacity-75 { - opacity: 0.75; + .lg\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .lg\:opacity-100 { - opacity: 1; + .lg\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .lg\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .lg\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .lg\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .lg\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .lg\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .lg\:outline-none { - outline: 0; + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .lg\:focus\:outline-none:focus { - outline: 0; + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .lg\:overflow-auto { - overflow: auto; + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .lg\:overflow-hidden { - overflow: hidden; + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .lg\:overflow-visible { - overflow: visible; + .lg\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .lg\:overflow-scroll { - overflow: scroll; + .lg\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .lg\:overflow-x-auto { - overflow-x: auto; + .lg\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .lg\:overflow-y-auto { - overflow-y: auto; + .lg\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .lg\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .lg\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .lg\:overflow-x-visible { - overflow-x: visible; + .lg\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .lg\:overflow-y-visible { - overflow-y: visible; + .lg\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .lg\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .lg\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .lg\:overscroll-auto { - overscroll-behavior: auto; + .lg\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .lg\:overscroll-contain { - overscroll-behavior: contain; + .lg\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .lg\:overscroll-none { - overscroll-behavior: none; + .lg\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto; + .lg\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain; + .lg\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .lg\:overscroll-y-none { - overscroll-behavior-y: none; + .lg\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto; + .lg\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain; + .lg\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .lg\:overscroll-x-none { - overscroll-behavior-x: none; + .lg\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .lg\:p-0 { - padding: 0; + .lg\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .lg\:p-1 { - padding: 0.25rem; + .lg\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .lg\:p-2 { - padding: 0.5rem; + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .lg\:p-3 { - padding: 0.75rem; + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .lg\:p-4 { - padding: 1rem; + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .lg\:p-5 { - padding: 1.25rem; + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .lg\:p-6 { - padding: 1.5rem; + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .lg\:p-7 { - padding: 1.75rem; + .lg\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .lg\:p-8 { - padding: 2rem; + .lg\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .lg\:p-9 { - padding: 2.25rem; + .lg\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .lg\:p-10 { - padding: 2.5rem; + .lg\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .lg\:p-11 { - padding: 2.75rem; + .lg\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .lg\:p-12 { - padding: 3rem; + .lg\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .lg\:p-13 { - padding: 3.25rem; + .lg\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .lg\:p-14 { - padding: 3.5rem; + .lg\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .lg\:p-15 { - padding: 3.75rem; + .lg\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .lg\:p-16 { - padding: 4rem; + .lg\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .lg\:p-20 { - padding: 5rem; + .lg\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .lg\:p-24 { - padding: 6rem; + .lg\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .lg\:p-28 { - padding: 7rem; + .lg\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .lg\:p-32 { - padding: 8rem; + .lg\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .lg\:p-36 { - padding: 9rem; + .lg\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .lg\:p-40 { - padding: 10rem; + .lg\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .lg\:p-44 { - padding: 11rem; + .lg\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .lg\:p-48 { - padding: 12rem; + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .lg\:p-52 { - padding: 13rem; + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .lg\:p-56 { - padding: 14rem; + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .lg\:p-60 { - padding: 15rem; + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .lg\:p-64 { - padding: 16rem; + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .lg\:p-72 { - padding: 18rem; + .lg\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:p-80 { - padding: 20rem; + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .lg\:p-96 { - padding: 24rem; + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .lg\:p-px { - padding: 1px; + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .lg\:p-0\.5 { - padding: 0.125rem; + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .lg\:p-1\.5 { - padding: 0.375rem; + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .lg\:p-2\.5 { - padding: 0.625rem; + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .lg\:p-3\.5 { - padding: 0.875rem; + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .lg\:p-1\/2 { - padding: 50%; + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .lg\:p-1\/3 { - padding: 33.333333%; + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .lg\:p-2\/3 { - padding: 66.666667%; + .lg\:focus\:text-transparent:focus { + color: transparent; } - .lg\:p-1\/4 { - padding: 25%; + .lg\:focus\:text-current:focus { + color: currentColor; } - .lg\:p-2\/4 { - padding: 50%; + .lg\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:p-3\/4 { - padding: 75%; + .lg\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:p-1\/5 { - padding: 20%; + .lg\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); } - .lg\:p-2\/5 { - padding: 40%; + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); } - .lg\:p-3\/5 { - padding: 60%; + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); } - .lg\:p-4\/5 { - padding: 80%; + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); } - .lg\:p-1\/6 { - padding: 16.666667%; + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); } - .lg\:p-2\/6 { - padding: 33.333333%; + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); } - .lg\:p-3\/6 { - padding: 50%; + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); } - .lg\:p-4\/6 { - padding: 66.666667%; + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); } - .lg\:p-5\/6 { - padding: 83.333333%; + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); } - .lg\:p-1\/12 { - padding: 8.333333%; + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); } - .lg\:p-2\/12 { - padding: 16.666667%; + .lg\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); } - .lg\:p-3\/12 { - padding: 25%; + .lg\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); } - .lg\:p-4\/12 { - padding: 33.333333%; + .lg\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); } - .lg\:p-5\/12 { - padding: 41.666667%; + .lg\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); } - .lg\:p-6\/12 { - padding: 50%; + .lg\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); } - .lg\:p-7\/12 { - padding: 58.333333%; + .lg\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); } - .lg\:p-8\/12 { - padding: 66.666667%; + .lg\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); } - .lg\:p-9\/12 { - padding: 75%; + .lg\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); } - .lg\:p-10\/12 { - padding: 83.333333%; + .lg\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); } - .lg\:p-11\/12 { - padding: 91.666667%; + .lg\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); } - .lg\:p-full { - padding: 100%; + .lg\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .lg\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .lg\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .lg\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .lg\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .lg\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); } - .lg\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); } - .lg\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); } - .lg\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); } - .lg\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .lg\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); } - .lg\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .lg\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); } - .lg\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .lg\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); } - .lg\:py-13 { - padding-top: 3.25rem; - padding-bottom: 3.25rem; + .lg\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); } - .lg\:px-13 { - padding-left: 3.25rem; - padding-right: 3.25rem; + .lg\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); } - .lg\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .lg\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); } - .lg\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .lg\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); } - .lg\:py-15 { - padding-top: 3.75rem; - padding-bottom: 3.75rem; + .lg\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); } - .lg\:px-15 { - padding-left: 3.75rem; - padding-right: 3.75rem; + .lg\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); } - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .lg\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); } - .lg\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .lg\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); } - .lg\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); } - .lg\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); } - .lg\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); } - .lg\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .lg\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); } - .lg\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .lg\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); } - .lg\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .lg\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); } - .lg\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .lg\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); } - .lg\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .lg\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); } - .lg\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .lg\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); } - .lg\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); } - .lg\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); } - .lg\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); } - .lg\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); } - .lg\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); } - .lg\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); } - .lg\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); } - .lg\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .lg\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); } - .lg\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); } - .lg\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); } - .lg\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); } - .lg\:py-1\/2 { - padding-top: 50%; - padding-bottom: 50%; + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); } - .lg\:px-1\/2 { - padding-left: 50%; - padding-right: 50%; + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); } - .lg\:py-1\/3 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); } - .lg\:px-1\/3 { - padding-left: 33.333333%; - padding-right: 33.333333%; + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); } - .lg\:py-2\/3 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); } - .lg\:px-2\/3 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + @media (prefers-color-scheme: dark) { + .lg\:dark\:text-transparent { + color: transparent; + } - .lg\:py-1\/4 { - padding-top: 25%; - padding-bottom: 25%; - } + .lg\:dark\:text-current { + color: currentColor; + } - .lg\:px-1\/4 { - padding-left: 25%; - padding-right: 25%; - } + .lg\:dark\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:py-2\/4 { - padding-top: 50%; - padding-bottom: 50%; - } + .lg\:dark\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:px-2\/4 { - padding-left: 50%; - padding-right: 50%; - } + .lg\:dark\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .lg\:py-3\/4 { - padding-top: 75%; - padding-bottom: 75%; - } + .lg\:dark\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .lg\:px-3\/4 { - padding-left: 75%; - padding-right: 75%; - } + .lg\:dark\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .lg\:py-1\/5 { - padding-top: 20%; - padding-bottom: 20%; - } + .lg\:dark\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .lg\:px-1\/5 { - padding-left: 20%; - padding-right: 20%; - } + .lg\:dark\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .lg\:py-2\/5 { - padding-top: 40%; - padding-bottom: 40%; - } + .lg\:dark\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .lg\:px-2\/5 { - padding-left: 40%; - padding-right: 40%; - } + .lg\:dark\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .lg\:py-3\/5 { - padding-top: 60%; - padding-bottom: 60%; - } + .lg\:dark\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .lg\:px-3\/5 { - padding-left: 60%; - padding-right: 60%; - } + .lg\:dark\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .lg\:py-4\/5 { - padding-top: 80%; - padding-bottom: 80%; - } + .lg\:dark\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .lg\:px-4\/5 { - padding-left: 80%; - padding-right: 80%; - } + .lg\:dark\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .lg\:py-1\/6 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; - } + .lg\:dark\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .lg\:px-1\/6 { - padding-left: 16.666667%; - padding-right: 16.666667%; - } + .lg\:dark\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .lg\:py-2\/6 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; - } + .lg\:dark\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .lg\:px-2\/6 { - padding-left: 33.333333%; - padding-right: 33.333333%; - } + .lg\:dark\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .lg\:py-3\/6 { - padding-top: 50%; - padding-bottom: 50%; - } + .lg\:dark\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .lg\:px-3\/6 { - padding-left: 50%; - padding-right: 50%; - } + .lg\:dark\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .lg\:py-4\/6 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; - } + .lg\:dark\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .lg\:px-4\/6 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + .lg\:dark\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .lg\:py-5\/6 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; - } + .lg\:dark\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .lg\:px-5\/6 { - padding-left: 83.333333%; - padding-right: 83.333333%; - } + .lg\:dark\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .lg\:py-1\/12 { - padding-top: 8.333333%; - padding-bottom: 8.333333%; - } + .lg\:dark\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .lg\:px-1\/12 { - padding-left: 8.333333%; - padding-right: 8.333333%; - } + .lg\:dark\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .lg\:py-2\/12 { - padding-top: 16.666667%; - padding-bottom: 16.666667%; - } + .lg\:dark\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .lg\:px-2\/12 { - padding-left: 16.666667%; - padding-right: 16.666667%; - } + .lg\:dark\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .lg\:py-3\/12 { - padding-top: 25%; - padding-bottom: 25%; - } + .lg\:dark\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } - .lg\:px-3\/12 { - padding-left: 25%; - padding-right: 25%; - } + .lg\:dark\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } - .lg\:py-4\/12 { - padding-top: 33.333333%; - padding-bottom: 33.333333%; - } + .lg\:dark\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } - .lg\:px-4\/12 { - padding-left: 33.333333%; - padding-right: 33.333333%; - } + .lg\:dark\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .lg\:py-5\/12 { - padding-top: 41.666667%; - padding-bottom: 41.666667%; - } + .lg\:dark\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .lg\:px-5\/12 { - padding-left: 41.666667%; - padding-right: 41.666667%; - } + .lg\:dark\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .lg\:py-6\/12 { - padding-top: 50%; - padding-bottom: 50%; - } + .lg\:dark\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .lg\:px-6\/12 { - padding-left: 50%; - padding-right: 50%; - } + .lg\:dark\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .lg\:py-7\/12 { - padding-top: 58.333333%; - padding-bottom: 58.333333%; - } + .lg\:dark\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .lg\:px-7\/12 { - padding-left: 58.333333%; - padding-right: 58.333333%; - } + .lg\:dark\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .lg\:py-8\/12 { - padding-top: 66.666667%; - padding-bottom: 66.666667%; - } + .lg\:dark\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .lg\:px-8\/12 { - padding-left: 66.666667%; - padding-right: 66.666667%; - } + .lg\:dark\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .lg\:py-9\/12 { - padding-top: 75%; - padding-bottom: 75%; - } + .lg\:dark\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .lg\:px-9\/12 { - padding-left: 75%; - padding-right: 75%; - } + .lg\:dark\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .lg\:py-10\/12 { - padding-top: 83.333333%; - padding-bottom: 83.333333%; - } + .lg\:dark\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .lg\:px-10\/12 { - padding-left: 83.333333%; - padding-right: 83.333333%; - } + .lg\:dark\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .lg\:py-11\/12 { - padding-top: 91.666667%; - padding-bottom: 91.666667%; - } + .lg\:dark\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .lg\:px-11\/12 { - padding-left: 91.666667%; - padding-right: 91.666667%; - } + .lg\:dark\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .lg\:py-full { - padding-top: 100%; - padding-bottom: 100%; - } + .lg\:dark\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .lg\:px-full { - padding-left: 100%; - padding-right: 100%; - } + .lg\:dark\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .lg\:pt-0 { - padding-top: 0; - } + .lg\:dark\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .lg\:pr-0 { - padding-right: 0; - } + .lg\:dark\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .lg\:pb-0 { - padding-bottom: 0; - } + .lg\:dark\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .lg\:pl-0 { - padding-left: 0; - } + .lg\:dark\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .lg\:pt-1 { - padding-top: 0.25rem; - } + .lg\:dark\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .lg\:pr-1 { - padding-right: 0.25rem; - } + .lg\:dark\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .lg\:pb-1 { - padding-bottom: 0.25rem; - } + .lg\:dark\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .lg\:pl-1 { - padding-left: 0.25rem; - } + .lg\:dark\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .lg\:pt-2 { - padding-top: 0.5rem; - } + .lg\:dark\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .lg\:pr-2 { - padding-right: 0.5rem; - } + .lg\:dark\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .lg\:pb-2 { - padding-bottom: 0.5rem; - } + .lg\:dark\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .lg\:pl-2 { - padding-left: 0.5rem; - } + .lg\:dark\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .lg\:pt-3 { - padding-top: 0.75rem; - } + .lg\:dark\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .lg\:pr-3 { - padding-right: 0.75rem; - } + .lg\:dark\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .lg\:pb-3 { - padding-bottom: 0.75rem; - } + .lg\:dark\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .lg\:pl-3 { - padding-left: 0.75rem; - } + .lg\:dark\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .lg\:pt-4 { - padding-top: 1rem; - } + .lg\:dark\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .lg\:pr-4 { - padding-right: 1rem; - } + .lg\:dark\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .lg\:pb-4 { - padding-bottom: 1rem; - } + .lg\:dark\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .lg\:pl-4 { - padding-left: 1rem; - } + .lg\:dark\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .lg\:pt-5 { - padding-top: 1.25rem; - } + .lg\:dark\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .lg\:pr-5 { - padding-right: 1.25rem; - } + .lg\:dark\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .lg\:pb-5 { - padding-bottom: 1.25rem; - } + .lg\:dark\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .lg\:pl-5 { - padding-left: 1.25rem; - } + .lg\:dark\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .lg\:pt-6 { - padding-top: 1.5rem; - } + .lg\:dark\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .lg\:pr-6 { - padding-right: 1.5rem; - } + .lg\:dark\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .lg\:pb-6 { - padding-bottom: 1.5rem; - } + .lg\:dark\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .lg\:pl-6 { - padding-left: 1.5rem; - } + .lg\:dark\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .lg\:pt-7 { - padding-top: 1.75rem; - } + .lg\:dark\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .lg\:pr-7 { - padding-right: 1.75rem; - } + .lg\:dark\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .lg\:pb-7 { - padding-bottom: 1.75rem; - } + .lg\:dark\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .lg\:pl-7 { - padding-left: 1.75rem; - } + .lg\:dark\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .lg\:pt-8 { - padding-top: 2rem; - } + .lg\:dark\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .lg\:pr-8 { - padding-right: 2rem; - } + .lg\:dark\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .lg\:pb-8 { - padding-bottom: 2rem; - } + .lg\:dark\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .lg\:pl-8 { - padding-left: 2rem; - } + .lg\:dark\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .lg\:pt-9 { - padding-top: 2.25rem; - } + .lg\:dark\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .lg\:pr-9 { - padding-right: 2.25rem; - } + .lg\:dark\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .lg\:pb-9 { - padding-bottom: 2.25rem; - } + .lg\:dark\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .lg\:pl-9 { - padding-left: 2.25rem; - } + .lg\:dark\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .lg\:pt-10 { - padding-top: 2.5rem; - } + .lg\:dark\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .lg\:pr-10 { - padding-right: 2.5rem; - } + .lg\:dark\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .lg\:pb-10 { - padding-bottom: 2.5rem; - } + .lg\:dark\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .lg\:pl-10 { - padding-left: 2.5rem; - } + .lg\:dark\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .lg\:pt-11 { - padding-top: 2.75rem; - } + .lg\:dark\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .lg\:pr-11 { - padding-right: 2.75rem; - } + .lg\:dark\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:pb-11 { - padding-bottom: 2.75rem; - } + .lg\:dark\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .lg\:pl-11 { - padding-left: 2.75rem; - } + .lg\:dark\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .lg\:pt-12 { - padding-top: 3rem; - } + .lg\:dark\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .lg\:pr-12 { - padding-right: 3rem; - } + .lg\:dark\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .lg\:pb-12 { - padding-bottom: 3rem; - } + .lg\:dark\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .lg\:pl-12 { - padding-left: 3rem; - } + .lg\:dark\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .lg\:pt-13 { - padding-top: 3.25rem; - } + .lg\:dark\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .lg\:pr-13 { - padding-right: 3.25rem; - } + .lg\:dark\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .lg\:pb-13 { - padding-bottom: 3.25rem; - } + .lg\:dark\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } - .lg\:pl-13 { - padding-left: 3.25rem; - } + .lg\:dark\:hover\:text-transparent:hover { + color: transparent; + } - .lg\:pt-14 { - padding-top: 3.5rem; - } + .lg\:dark\:hover\:text-current:hover { + color: currentColor; + } - .lg\:pr-14 { - padding-right: 3.5rem; - } + .lg\:dark\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:pb-14 { - padding-bottom: 3.5rem; - } + .lg\:dark\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:pl-14 { - padding-left: 3.5rem; - } + .lg\:dark\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .lg\:pt-15 { - padding-top: 3.75rem; - } + .lg\:dark\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .lg\:pr-15 { - padding-right: 3.75rem; - } + .lg\:dark\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .lg\:pb-15 { - padding-bottom: 3.75rem; - } + .lg\:dark\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .lg\:pl-15 { - padding-left: 3.75rem; - } + .lg\:dark\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .lg\:pt-16 { - padding-top: 4rem; - } + .lg\:dark\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .lg\:pr-16 { - padding-right: 4rem; - } + .lg\:dark\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .lg\:pb-16 { - padding-bottom: 4rem; - } + .lg\:dark\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .lg\:pl-16 { - padding-left: 4rem; - } + .lg\:dark\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .lg\:pt-20 { - padding-top: 5rem; - } + .lg\:dark\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .lg\:pr-20 { - padding-right: 5rem; - } + .lg\:dark\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .lg\:pb-20 { - padding-bottom: 5rem; - } + .lg\:dark\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .lg\:pl-20 { - padding-left: 5rem; - } + .lg\:dark\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .lg\:pt-24 { - padding-top: 6rem; - } + .lg\:dark\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .lg\:pr-24 { - padding-right: 6rem; - } + .lg\:dark\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .lg\:pb-24 { - padding-bottom: 6rem; - } + .lg\:dark\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .lg\:pl-24 { - padding-left: 6rem; - } + .lg\:dark\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .lg\:pt-28 { - padding-top: 7rem; - } + .lg\:dark\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .lg\:pr-28 { - padding-right: 7rem; - } + .lg\:dark\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .lg\:pb-28 { - padding-bottom: 7rem; - } + .lg\:dark\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .lg\:pl-28 { - padding-left: 7rem; - } + .lg\:dark\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .lg\:pt-32 { - padding-top: 8rem; - } + .lg\:dark\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .lg\:pr-32 { - padding-right: 8rem; - } + .lg\:dark\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .lg\:pb-32 { - padding-bottom: 8rem; - } + .lg\:dark\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .lg\:pl-32 { - padding-left: 8rem; - } + .lg\:dark\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .lg\:pt-36 { - padding-top: 9rem; - } + .lg\:dark\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .lg\:dark\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .lg\:dark\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .lg\:dark\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .lg\:pr-36 { - padding-right: 9rem; - } + .lg\:dark\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .lg\:pb-36 { - padding-bottom: 9rem; - } + .lg\:dark\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .lg\:pl-36 { - padding-left: 9rem; - } + .lg\:dark\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .lg\:pt-40 { - padding-top: 10rem; - } + .lg\:dark\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .lg\:pr-40 { - padding-right: 10rem; - } + .lg\:dark\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .lg\:pb-40 { - padding-bottom: 10rem; - } + .lg\:dark\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .lg\:pl-40 { - padding-left: 10rem; - } + .lg\:dark\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .lg\:pt-44 { - padding-top: 11rem; - } + .lg\:dark\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .lg\:pr-44 { - padding-right: 11rem; - } + .lg\:dark\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .lg\:pb-44 { - padding-bottom: 11rem; - } + .lg\:dark\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .lg\:pl-44 { - padding-left: 11rem; - } + .lg\:dark\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .lg\:pt-48 { - padding-top: 12rem; - } + .lg\:dark\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .lg\:pr-48 { - padding-right: 12rem; - } + .lg\:dark\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .lg\:pb-48 { - padding-bottom: 12rem; - } + .lg\:dark\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .lg\:pl-48 { - padding-left: 12rem; - } + .lg\:dark\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .lg\:pt-52 { - padding-top: 13rem; - } + .lg\:dark\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .lg\:pr-52 { - padding-right: 13rem; - } + .lg\:dark\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .lg\:pb-52 { - padding-bottom: 13rem; - } + .lg\:dark\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .lg\:pl-52 { - padding-left: 13rem; - } + .lg\:dark\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .lg\:pt-56 { - padding-top: 14rem; - } + .lg\:dark\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .lg\:pr-56 { - padding-right: 14rem; - } + .lg\:dark\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .lg\:pb-56 { - padding-bottom: 14rem; - } + .lg\:dark\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .lg\:pl-56 { - padding-left: 14rem; - } + .lg\:dark\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .lg\:pt-60 { - padding-top: 15rem; - } + .lg\:dark\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .lg\:pr-60 { - padding-right: 15rem; - } + .lg\:dark\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .lg\:pb-60 { - padding-bottom: 15rem; - } + .lg\:dark\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .lg\:pl-60 { - padding-left: 15rem; - } + .lg\:dark\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .lg\:pt-64 { - padding-top: 16rem; - } + .lg\:dark\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .lg\:pr-64 { - padding-right: 16rem; - } + .lg\:dark\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .lg\:pb-64 { - padding-bottom: 16rem; - } + .lg\:dark\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .lg\:pl-64 { - padding-left: 16rem; - } + .lg\:dark\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .lg\:pt-72 { - padding-top: 18rem; - } + .lg\:dark\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .lg\:pr-72 { - padding-right: 18rem; - } + .lg\:dark\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .lg\:pb-72 { - padding-bottom: 18rem; - } + .lg\:dark\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .lg\:pl-72 { - padding-left: 18rem; - } + .lg\:dark\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .lg\:pt-80 { - padding-top: 20rem; - } + .lg\:dark\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .lg\:pr-80 { - padding-right: 20rem; - } + .lg\:dark\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .lg\:pb-80 { - padding-bottom: 20rem; - } + .lg\:dark\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .lg\:pl-80 { - padding-left: 20rem; - } + .lg\:dark\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .lg\:pt-96 { - padding-top: 24rem; - } + .lg\:dark\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .lg\:pr-96 { - padding-right: 24rem; - } + .lg\:dark\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .lg\:pb-96 { - padding-bottom: 24rem; - } + .lg\:dark\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .lg\:pl-96 { - padding-left: 24rem; - } + .lg\:dark\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .lg\:pt-px { - padding-top: 1px; - } + .lg\:dark\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .lg\:pr-px { - padding-right: 1px; - } + .lg\:dark\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .lg\:pb-px { - padding-bottom: 1px; - } + .lg\:dark\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .lg\:pl-px { - padding-left: 1px; - } + .lg\:dark\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .lg\:pt-0\.5 { - padding-top: 0.125rem; - } + .lg\:dark\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .lg\:pr-0\.5 { - padding-right: 0.125rem; - } + .lg\:dark\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem; - } + .lg\:dark\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .lg\:pl-0\.5 { - padding-left: 0.125rem; - } + .lg\:dark\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .lg\:pt-1\.5 { - padding-top: 0.375rem; - } + .lg\:dark\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .lg\:pr-1\.5 { - padding-right: 0.375rem; - } + .lg\:dark\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem; - } + .lg\:dark\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .lg\:pl-1\.5 { - padding-left: 0.375rem; - } + .lg\:dark\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .lg\:pt-2\.5 { - padding-top: 0.625rem; - } + .lg\:dark\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .lg\:pr-2\.5 { - padding-right: 0.625rem; - } + .lg\:dark\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem; - } + .lg\:dark\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .lg\:pl-2\.5 { - padding-left: 0.625rem; - } + .lg\:dark\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .lg\:pt-3\.5 { - padding-top: 0.875rem; - } + .lg\:dark\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .lg\:pr-3\.5 { - padding-right: 0.875rem; - } + .lg\:dark\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem; - } + .lg\:dark\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:pl-3\.5 { - padding-left: 0.875rem; - } + .lg\:dark\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .lg\:pt-1\/2 { - padding-top: 50%; - } + .lg\:dark\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .lg\:pr-1\/2 { - padding-right: 50%; - } + .lg\:dark\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .lg\:pb-1\/2 { - padding-bottom: 50%; - } + .lg\:dark\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .lg\:pl-1\/2 { - padding-left: 50%; - } + .lg\:dark\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .lg\:pt-1\/3 { - padding-top: 33.333333%; - } + .lg\:dark\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .lg\:pr-1\/3 { - padding-right: 33.333333%; - } + .lg\:dark\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .lg\:pb-1\/3 { - padding-bottom: 33.333333%; - } + .lg\:dark\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .lg\:pl-1\/3 { - padding-left: 33.333333%; - } + .lg\:dark\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } - .lg\:pt-2\/3 { - padding-top: 66.666667%; - } + .lg\:dark\:focus\:text-transparent:focus { + color: transparent; + } - .lg\:pr-2\/3 { - padding-right: 66.666667%; - } + .lg\:dark\:focus\:text-current:focus { + color: currentColor; + } - .lg\:pb-2\/3 { - padding-bottom: 66.666667%; - } + .lg\:dark\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:pl-2\/3 { - padding-left: 66.666667%; - } + .lg\:dark\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:pt-1\/4 { - padding-top: 25%; - } + .lg\:dark\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } - .lg\:pr-1\/4 { - padding-right: 25%; - } + .lg\:dark\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } - .lg\:pb-1\/4 { - padding-bottom: 25%; - } + .lg\:dark\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } - .lg\:pl-1\/4 { - padding-left: 25%; - } + .lg\:dark\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } - .lg\:pt-2\/4 { - padding-top: 50%; - } + .lg\:dark\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } - .lg\:pr-2\/4 { - padding-right: 50%; - } + .lg\:dark\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } - .lg\:pb-2\/4 { - padding-bottom: 50%; - } + .lg\:dark\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } - .lg\:pl-2\/4 { - padding-left: 50%; - } + .lg\:dark\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } - .lg\:pt-3\/4 { - padding-top: 75%; - } + .lg\:dark\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } - .lg\:pr-3\/4 { - padding-right: 75%; - } + .lg\:dark\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } - .lg\:pb-3\/4 { - padding-bottom: 75%; - } + .lg\:dark\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } - .lg\:pl-3\/4 { - padding-left: 75%; - } + .lg\:dark\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } - .lg\:pt-1\/5 { - padding-top: 20%; - } + .lg\:dark\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } - .lg\:pr-1\/5 { - padding-right: 20%; - } + .lg\:dark\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } - .lg\:pb-1\/5 { - padding-bottom: 20%; - } + .lg\:dark\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } - .lg\:pl-1\/5 { - padding-left: 20%; - } + .lg\:dark\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } - .lg\:pt-2\/5 { - padding-top: 40%; - } + .lg\:dark\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } - .lg\:pr-2\/5 { - padding-right: 40%; - } + .lg\:dark\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } - .lg\:pb-2\/5 { - padding-bottom: 40%; - } + .lg\:dark\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } - .lg\:pl-2\/5 { - padding-left: 40%; - } + .lg\:dark\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } - .lg\:pt-3\/5 { - padding-top: 60%; - } + .lg\:dark\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } - .lg\:pr-3\/5 { - padding-right: 60%; - } + .lg\:dark\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } - .lg\:pb-3\/5 { - padding-bottom: 60%; - } + .lg\:dark\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } - .lg\:pl-3\/5 { - padding-left: 60%; - } + .lg\:dark\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } - .lg\:pt-4\/5 { - padding-top: 80%; - } + .lg\:dark\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } - .lg\:pr-4\/5 { - padding-right: 80%; - } + .lg\:dark\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } - .lg\:pb-4\/5 { - padding-bottom: 80%; - } + .lg\:dark\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } - .lg\:pl-4\/5 { - padding-left: 80%; - } + .lg\:dark\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } - .lg\:pt-1\/6 { - padding-top: 16.666667%; - } + .lg\:dark\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } - .lg\:pr-1\/6 { - padding-right: 16.666667%; - } + .lg\:dark\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } - .lg\:pb-1\/6 { - padding-bottom: 16.666667%; - } + .lg\:dark\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } - .lg\:pl-1\/6 { - padding-left: 16.666667%; - } + .lg\:dark\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } - .lg\:pt-2\/6 { - padding-top: 33.333333%; - } + .lg\:dark\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } - .lg\:pr-2\/6 { - padding-right: 33.333333%; - } + .lg\:dark\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } - .lg\:pb-2\/6 { - padding-bottom: 33.333333%; - } + .lg\:dark\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } - .lg\:pl-2\/6 { - padding-left: 33.333333%; - } + .lg\:dark\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } - .lg\:pt-3\/6 { - padding-top: 50%; - } + .lg\:dark\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } - .lg\:pr-3\/6 { - padding-right: 50%; - } + .lg\:dark\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } - .lg\:pb-3\/6 { - padding-bottom: 50%; - } + .lg\:dark\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } - .lg\:pl-3\/6 { - padding-left: 50%; - } + .lg\:dark\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } - .lg\:pt-4\/6 { - padding-top: 66.666667%; - } + .lg\:dark\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } - .lg\:pr-4\/6 { - padding-right: 66.666667%; - } + .lg\:dark\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } - .lg\:pb-4\/6 { - padding-bottom: 66.666667%; - } + .lg\:dark\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } - .lg\:pl-4\/6 { - padding-left: 66.666667%; - } + .lg\:dark\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } - .lg\:pt-5\/6 { - padding-top: 83.333333%; - } + .lg\:dark\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } - .lg\:pr-5\/6 { - padding-right: 83.333333%; - } + .lg\:dark\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } - .lg\:pb-5\/6 { - padding-bottom: 83.333333%; - } + .lg\:dark\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } - .lg\:pl-5\/6 { - padding-left: 83.333333%; - } + .lg\:dark\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } - .lg\:pt-1\/12 { - padding-top: 8.333333%; - } + .lg\:dark\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } - .lg\:pr-1\/12 { - padding-right: 8.333333%; - } + .lg\:dark\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } - .lg\:pb-1\/12 { - padding-bottom: 8.333333%; - } + .lg\:dark\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } - .lg\:pl-1\/12 { - padding-left: 8.333333%; - } + .lg\:dark\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } - .lg\:pt-2\/12 { - padding-top: 16.666667%; - } + .lg\:dark\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } - .lg\:pr-2\/12 { - padding-right: 16.666667%; - } + .lg\:dark\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } - .lg\:pb-2\/12 { - padding-bottom: 16.666667%; - } + .lg\:dark\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } - .lg\:pl-2\/12 { - padding-left: 16.666667%; - } + .lg\:dark\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } - .lg\:pt-3\/12 { - padding-top: 25%; - } + .lg\:dark\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } - .lg\:pr-3\/12 { - padding-right: 25%; - } + .lg\:dark\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } - .lg\:pb-3\/12 { - padding-bottom: 25%; - } + .lg\:dark\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } - .lg\:pl-3\/12 { - padding-left: 25%; - } + .lg\:dark\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } - .lg\:pt-4\/12 { - padding-top: 33.333333%; - } + .lg\:dark\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } - .lg\:pr-4\/12 { - padding-right: 33.333333%; - } + .lg\:dark\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } - .lg\:pb-4\/12 { - padding-bottom: 33.333333%; - } + .lg\:dark\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } - .lg\:pl-4\/12 { - padding-left: 33.333333%; - } + .lg\:dark\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } - .lg\:pt-5\/12 { - padding-top: 41.666667%; - } + .lg\:dark\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } - .lg\:pr-5\/12 { - padding-right: 41.666667%; - } + .lg\:dark\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } - .lg\:pb-5\/12 { - padding-bottom: 41.666667%; - } + .lg\:dark\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } - .lg\:pl-5\/12 { - padding-left: 41.666667%; - } + .lg\:dark\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } - .lg\:pt-6\/12 { - padding-top: 50%; - } + .lg\:dark\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } - .lg\:pr-6\/12 { - padding-right: 50%; - } + .lg\:dark\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } - .lg\:pb-6\/12 { - padding-bottom: 50%; - } + .lg\:dark\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } - .lg\:pl-6\/12 { - padding-left: 50%; - } + .lg\:dark\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } - .lg\:pt-7\/12 { - padding-top: 58.333333%; - } + .lg\:dark\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } - .lg\:pr-7\/12 { - padding-right: 58.333333%; - } + .lg\:dark\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } - .lg\:pb-7\/12 { - padding-bottom: 58.333333%; - } + .lg\:dark\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } - .lg\:pl-7\/12 { - padding-left: 58.333333%; - } + .lg\:dark\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } - .lg\:pt-8\/12 { - padding-top: 66.666667%; - } + .lg\:dark\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } - .lg\:pr-8\/12 { - padding-right: 66.666667%; - } + .lg\:dark\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } - .lg\:pb-8\/12 { - padding-bottom: 66.666667%; - } + .lg\:dark\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } - .lg\:pl-8\/12 { - padding-left: 66.666667%; - } + .lg\:dark\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } - .lg\:pt-9\/12 { - padding-top: 75%; - } + .lg\:dark\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } - .lg\:pr-9\/12 { - padding-right: 75%; - } + .lg\:dark\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } - .lg\:pb-9\/12 { - padding-bottom: 75%; - } + .lg\:dark\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } - .lg\:pl-9\/12 { - padding-left: 75%; - } + .lg\:dark\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } - .lg\:pt-10\/12 { - padding-top: 83.333333%; - } + .lg\:dark\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } - .lg\:pr-10\/12 { - padding-right: 83.333333%; - } + .lg\:dark\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } - .lg\:pb-10\/12 { - padding-bottom: 83.333333%; - } + .lg\:dark\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } - .lg\:pl-10\/12 { - padding-left: 83.333333%; - } + .lg\:dark\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } - .lg\:pt-11\/12 { - padding-top: 91.666667%; - } + .lg\:dark\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } - .lg\:pr-11\/12 { - padding-right: 91.666667%; - } + .lg\:dark\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } - .lg\:pb-11\/12 { - padding-bottom: 91.666667%; - } + .lg\:dark\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:pl-11\/12 { - padding-left: 91.666667%; - } + .lg\:dark\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } - .lg\:pt-full { - padding-top: 100%; - } + .lg\:dark\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } - .lg\:pr-full { - padding-right: 100%; - } + .lg\:dark\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } - .lg\:pb-full { - padding-bottom: 100%; - } + .lg\:dark\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } - .lg\:pl-full { - padding-left: 100%; - } + .lg\:dark\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } - .lg\:placeholder-transparent::placeholder { - color: transparent; - } + .lg\:dark\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } - .lg\:placeholder-current::placeholder { - color: currentColor; - } + .lg\:dark\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } - .lg\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .lg\:dark\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } - .lg\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .lg\:dark\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } } - .lg\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); + .lg\:text-opacity-0 { + --text-opacity: 0; } - .lg\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); + .lg\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); + .lg\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); + .lg\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); + .lg\:text-opacity-100 { + --text-opacity: 1; } - .lg\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .lg\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .lg\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .lg\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .lg\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .lg\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .lg\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .lg\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .lg\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .lg\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .lg\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); + .lg\:italic { + font-style: italic; } - .lg\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); + .lg\:not-italic { + font-style: normal; } - .lg\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); + .lg\:uppercase { + text-transform: uppercase; } - .lg\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); + .lg\:lowercase { + text-transform: lowercase; } - .lg\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); + .lg\:capitalize { + text-transform: capitalize; } - .lg\:placeholder-orange-50::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); + .lg\:normal-case { + text-transform: none; } - .lg\:placeholder-orange-100::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); + .lg\:underline { + text-decoration: underline; } - .lg\:placeholder-orange-200::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); + .lg\:line-through { + text-decoration: line-through; } - .lg\:placeholder-orange-300::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); + .lg\:no-underline { + text-decoration: none; } - .lg\:placeholder-orange-400::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); + .lg\:hover\:underline:hover { + text-decoration: underline; } - .lg\:placeholder-orange-500::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:placeholder-orange-600::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:placeholder-orange-700::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); + .lg\:focus\:underline:focus { + text-decoration: underline; } - .lg\:placeholder-orange-800::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:placeholder-orange-900::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); + .lg\:tracking-normal { + letter-spacing: 0; } - .lg\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); + .lg\:select-none { + user-select: none; } - .lg\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); + .lg\:select-text { + user-select: text; } - .lg\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); + .lg\:select-all { + user-select: all; } - .lg\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); + .lg\:select-auto { + user-select: auto; } - .lg\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); + .lg\:align-baseline { + vertical-align: baseline; } - .lg\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); + .lg\:align-top { + vertical-align: top; } - .lg\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); + .lg\:align-middle { + vertical-align: middle; } - .lg\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); + .lg\:align-bottom { + vertical-align: bottom; } - .lg\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); + .lg\:align-text-top { + vertical-align: text-top; } - .lg\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); + .lg\:visible { + visibility: visible; } - .lg\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); + .lg\:invisible { + visibility: hidden; } - .lg\:placeholder-teal-50::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); + .lg\:whitespace-normal { + white-space: normal; } - .lg\:placeholder-teal-100::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:placeholder-teal-200::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); + .lg\:whitespace-pre { + white-space: pre; } - .lg\:placeholder-teal-300::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); + .lg\:whitespace-pre-line { + white-space: pre-line; } - .lg\:placeholder-teal-400::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:placeholder-teal-500::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:placeholder-teal-600::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); + .lg\:break-words { + overflow-wrap: break-word; } - .lg\:placeholder-teal-700::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); + .lg\:break-all { + word-break: break-all; } - .lg\:placeholder-teal-800::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:placeholder-teal-900::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); + .lg\:w-0 { + width: 0; } - .lg\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); + .lg\:w-1 { + width: 0.25rem; } - .lg\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); + .lg\:w-2 { + width: 0.5rem; } - .lg\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); + .lg\:w-3 { + width: 0.75rem; } - .lg\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); + .lg\:w-4 { + width: 1rem; } - .lg\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); + .lg\:w-5 { + width: 1.25rem; } - .lg\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); + .lg\:w-6 { + width: 1.5rem; } - .lg\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); + .lg\:w-7 { + width: 1.75rem; } - .lg\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); + .lg\:w-8 { + width: 2rem; } - .lg\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); + .lg\:w-9 { + width: 2.25rem; } - .lg\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); + .lg\:w-10 { + width: 2.5rem; } - .lg\:placeholder-indigo-50::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); + .lg\:w-11 { + width: 2.75rem; } - .lg\:placeholder-indigo-100::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); + .lg\:w-12 { + width: 3rem; } - .lg\:placeholder-indigo-200::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); + .lg\:w-13 { + width: 3.25rem; } - .lg\:placeholder-indigo-300::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); + .lg\:w-14 { + width: 3.5rem; } - .lg\:placeholder-indigo-400::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); + .lg\:w-15 { + width: 3.75rem; } - .lg\:placeholder-indigo-500::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); + .lg\:w-16 { + width: 4rem; } - .lg\:placeholder-indigo-600::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); + .lg\:w-20 { + width: 5rem; } - .lg\:placeholder-indigo-700::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); + .lg\:w-24 { + width: 6rem; } - .lg\:placeholder-indigo-800::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); + .lg\:w-28 { + width: 7rem; } - .lg\:placeholder-indigo-900::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); + .lg\:w-32 { + width: 8rem; } - .lg\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); + .lg\:w-36 { + width: 9rem; } - .lg\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); + .lg\:w-40 { + width: 10rem; } - .lg\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); + .lg\:w-44 { + width: 11rem; } - .lg\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); + .lg\:w-48 { + width: 12rem; } - .lg\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); + .lg\:w-52 { + width: 13rem; } - .lg\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); + .lg\:w-56 { + width: 14rem; } - .lg\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); + .lg\:w-60 { + width: 15rem; } - .lg\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); + .lg\:w-64 { + width: 16rem; } - .lg\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); + .lg\:w-72 { + width: 18rem; } - .lg\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); + .lg\:w-80 { + width: 20rem; } - .lg\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:w-96 { + width: 24rem; } - .lg\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); + .lg\:w-auto { + width: auto; } - .lg\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); + .lg\:w-px { + width: 1px; } - .lg\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); + .lg\:w-0\.5 { + width: 0.125rem; } - .lg\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); + .lg\:w-1\.5 { + width: 0.375rem; } - .lg\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); + .lg\:w-2\.5 { + width: 0.625rem; } - .lg\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); + .lg\:w-3\.5 { + width: 0.875rem; } - .lg\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); + .lg\:w-1\/2 { + width: 50%; } - .lg\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); + .lg\:w-1\/3 { + width: 33.333333%; } - .lg\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); + .lg\:w-2\/3 { + width: 66.666667%; } - .lg\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:w-1\/4 { + width: 25%; } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .lg\:w-2\/4 { + width: 50%; } - .lg\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:w-3\/4 { + width: 75%; } - .lg\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .lg\:w-1\/5 { + width: 20%; } - .lg\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--placeholder-opacity)); + .lg\:w-2\/5 { + width: 40%; } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--placeholder-opacity)); + .lg\:w-3\/5 { + width: 60%; } - .lg\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--placeholder-opacity)); + .lg\:w-4\/5 { + width: 80%; } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--placeholder-opacity)); + .lg\:w-1\/6 { + width: 16.666667%; } - .lg\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--placeholder-opacity)); + .lg\:w-2\/6 { + width: 33.333333%; } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--placeholder-opacity)); + .lg\:w-3\/6 { + width: 50%; } - .lg\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--placeholder-opacity)); + .lg\:w-4\/6 { + width: 66.666667%; } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--placeholder-opacity)); + .lg\:w-5\/6 { + width: 83.333333%; } - .lg\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--placeholder-opacity)); + .lg\:w-1\/12 { + width: 8.333333%; } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--placeholder-opacity)); + .lg\:w-2\/12 { + width: 16.666667%; } - .lg\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--placeholder-opacity)); + .lg\:w-3\/12 { + width: 25%; } - .lg\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--placeholder-opacity)); + .lg\:w-4\/12 { + width: 33.333333%; } - .lg\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--placeholder-opacity)); + .lg\:w-5\/12 { + width: 41.666667%; } - .lg\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--placeholder-opacity)); + .lg\:w-6\/12 { + width: 50%; } - .lg\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--placeholder-opacity)); + .lg\:w-7\/12 { + width: 58.333333%; } - .lg\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--placeholder-opacity)); + .lg\:w-8\/12 { + width: 66.666667%; } - .lg\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--placeholder-opacity)); + .lg\:w-9\/12 { + width: 75%; } - .lg\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--placeholder-opacity)); + .lg\:w-10\/12 { + width: 83.333333%; } - .lg\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--placeholder-opacity)); + .lg\:w-11\/12 { + width: 91.666667%; } - .lg\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--placeholder-opacity)); + .lg\:w-full { + width: 100%; } - .lg\:focus\:placeholder-orange-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--placeholder-opacity)); + .lg\:w-screen { + width: 100vw; } - .lg\:focus\:placeholder-orange-100:focus::placeholder { - --placeholder-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--placeholder-opacity)); + .lg\:w-min-content { + width: min-content; } - .lg\:focus\:placeholder-orange-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--placeholder-opacity)); + .lg\:w-max-content { + width: max-content; } - .lg\:focus\:placeholder-orange-300:focus::placeholder { - --placeholder-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--placeholder-opacity)); + .lg\:z-0 { + z-index: 0; } - .lg\:focus\:placeholder-orange-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--placeholder-opacity)); + .lg\:z-10 { + z-index: 10; } - .lg\:focus\:placeholder-orange-500:focus::placeholder { - --placeholder-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--placeholder-opacity)); + .lg\:z-20 { + z-index: 20; } - .lg\:focus\:placeholder-orange-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--placeholder-opacity)); + .lg\:z-30 { + z-index: 30; } - .lg\:focus\:placeholder-orange-700:focus::placeholder { - --placeholder-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--placeholder-opacity)); + .lg\:z-40 { + z-index: 40; } - .lg\:focus\:placeholder-orange-800:focus::placeholder { - --placeholder-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--placeholder-opacity)); + .lg\:z-50 { + z-index: 50; } - .lg\:focus\:placeholder-orange-900:focus::placeholder { - --placeholder-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--placeholder-opacity)); + .lg\:z-auto { + z-index: auto; } - .lg\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--placeholder-opacity)); + .lg\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--placeholder-opacity)); + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--placeholder-opacity)); + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--placeholder-opacity)); + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--placeholder-opacity)); + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--placeholder-opacity)); + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--placeholder-opacity)); + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--placeholder-opacity)); + .lg\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--placeholder-opacity)); + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--placeholder-opacity)); + .lg\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .lg\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--placeholder-opacity)); + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--placeholder-opacity)); + .lg\:gap-11 { + grid-gap: 2.75rem; + gap: 2.75rem; } - .lg\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--placeholder-opacity)); + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--placeholder-opacity)); + .lg\:gap-13 { + grid-gap: 3.25rem; + gap: 3.25rem; } - .lg\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--placeholder-opacity)); + .lg\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .lg\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--placeholder-opacity)); + .lg\:gap-15 { + grid-gap: 3.75rem; + gap: 3.75rem; } - .lg\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--placeholder-opacity)); + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--placeholder-opacity)); + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--placeholder-opacity)); + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--placeholder-opacity)); + .lg\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .lg\:focus\:placeholder-teal-50:focus::placeholder { - --placeholder-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--placeholder-opacity)); + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:focus\:placeholder-teal-100:focus::placeholder { - --placeholder-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--placeholder-opacity)); + .lg\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .lg\:focus\:placeholder-teal-200:focus::placeholder { - --placeholder-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--placeholder-opacity)); + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:focus\:placeholder-teal-300:focus::placeholder { - --placeholder-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--placeholder-opacity)); + .lg\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .lg\:focus\:placeholder-teal-400:focus::placeholder { - --placeholder-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--placeholder-opacity)); + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:focus\:placeholder-teal-500:focus::placeholder { - --placeholder-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--placeholder-opacity)); + .lg\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .lg\:focus\:placeholder-teal-600:focus::placeholder { - --placeholder-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--placeholder-opacity)); + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:focus\:placeholder-teal-700:focus::placeholder { - --placeholder-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--placeholder-opacity)); + .lg\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .lg\:focus\:placeholder-teal-800:focus::placeholder { - --placeholder-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--placeholder-opacity)); + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:focus\:placeholder-teal-900:focus::placeholder { - --placeholder-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--placeholder-opacity)); + .lg\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .lg\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--placeholder-opacity)); + .lg\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--placeholder-opacity)); + .lg\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .lg\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--placeholder-opacity)); + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--placeholder-opacity)); + .lg\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .lg\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--placeholder-opacity)); + .lg\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--placeholder-opacity)); + .lg\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .lg\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--placeholder-opacity)); + .lg\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--placeholder-opacity)); + .lg\:gap-1\/2 { + grid-gap: 50%; + gap: 50%; } - .lg\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--placeholder-opacity)); + .lg\:gap-1\/3 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--placeholder-opacity)); + .lg\:gap-2\/3 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .lg\:focus\:placeholder-indigo-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--placeholder-opacity)); + .lg\:gap-1\/4 { + grid-gap: 25%; + gap: 25%; } - .lg\:focus\:placeholder-indigo-100:focus::placeholder { - --placeholder-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--placeholder-opacity)); + .lg\:gap-2\/4 { + grid-gap: 50%; + gap: 50%; } - .lg\:focus\:placeholder-indigo-200:focus::placeholder { - --placeholder-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--placeholder-opacity)); + .lg\:gap-3\/4 { + grid-gap: 75%; + gap: 75%; } - .lg\:focus\:placeholder-indigo-300:focus::placeholder { - --placeholder-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--placeholder-opacity)); + .lg\:gap-1\/5 { + grid-gap: 20%; + gap: 20%; } - .lg\:focus\:placeholder-indigo-400:focus::placeholder { - --placeholder-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--placeholder-opacity)); + .lg\:gap-2\/5 { + grid-gap: 40%; + gap: 40%; } - .lg\:focus\:placeholder-indigo-500:focus::placeholder { - --placeholder-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--placeholder-opacity)); + .lg\:gap-3\/5 { + grid-gap: 60%; + gap: 60%; } - .lg\:focus\:placeholder-indigo-600:focus::placeholder { - --placeholder-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--placeholder-opacity)); + .lg\:gap-4\/5 { + grid-gap: 80%; + gap: 80%; } - .lg\:focus\:placeholder-indigo-700:focus::placeholder { - --placeholder-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--placeholder-opacity)); + .lg\:gap-1\/6 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .lg\:focus\:placeholder-indigo-800:focus::placeholder { - --placeholder-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--placeholder-opacity)); + .lg\:gap-2\/6 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .lg\:focus\:placeholder-indigo-900:focus::placeholder { - --placeholder-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--placeholder-opacity)); + .lg\:gap-3\/6 { + grid-gap: 50%; + gap: 50%; } - .lg\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--placeholder-opacity)); + .lg\:gap-4\/6 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--placeholder-opacity)); + .lg\:gap-5\/6 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--placeholder-opacity)); + .lg\:gap-1\/12 { + grid-gap: 8.333333%; + gap: 8.333333%; } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--placeholder-opacity)); + .lg\:gap-2\/12 { + grid-gap: 16.666667%; + gap: 16.666667%; } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--placeholder-opacity)); + .lg\:gap-3\/12 { + grid-gap: 25%; + gap: 25%; } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--placeholder-opacity)); + .lg\:gap-4\/12 { + grid-gap: 33.333333%; + gap: 33.333333%; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--placeholder-opacity)); + .lg\:gap-5\/12 { + grid-gap: 41.666667%; + gap: 41.666667%; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--placeholder-opacity)); + .lg\:gap-6\/12 { + grid-gap: 50%; + gap: 50%; } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--placeholder-opacity)); + .lg\:gap-7\/12 { + grid-gap: 58.333333%; + gap: 58.333333%; } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--placeholder-opacity)); + .lg\:gap-8\/12 { + grid-gap: 66.666667%; + gap: 66.666667%; } - .lg\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:gap-9\/12 { + grid-gap: 75%; + gap: 75%; } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--placeholder-opacity)); + .lg\:gap-10\/12 { + grid-gap: 83.333333%; + gap: 83.333333%; } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--placeholder-opacity)); + .lg\:gap-11\/12 { + grid-gap: 91.666667%; + gap: 91.666667%; } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--placeholder-opacity)); + .lg\:gap-full { + grid-gap: 100%; + gap: 100%; } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--placeholder-opacity)); + .lg\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--placeholder-opacity)); + .lg\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--placeholder-opacity)); + .lg\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--placeholder-opacity)); + .lg\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--placeholder-opacity)); + .lg\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--placeholder-opacity)); + .lg\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .lg\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .lg\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .lg\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .lg\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .lg\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .lg\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .lg\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .lg\:gap-x-11 { + grid-column-gap: 2.75rem; + column-gap: 2.75rem; } - .lg\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .lg\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .lg\:gap-x-13 { + grid-column-gap: 3.25rem; + column-gap: 3.25rem; } - .lg\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .lg\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .lg\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .lg\:gap-x-15 { + grid-column-gap: 3.75rem; + column-gap: 3.75rem; } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:static { - position: static; + .lg\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:fixed { - position: fixed; + .lg\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .lg\:absolute { - position: absolute; + .lg\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:relative { - position: relative; + .lg\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .lg\:sticky { - position: sticky; + .lg\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .lg\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .lg\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .lg\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .lg\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .lg\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .lg\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .lg\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .lg\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .lg\:inset-13 { - top: 3.25rem; - right: 3.25rem; - bottom: 3.25rem; - left: 3.25rem; + .lg\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .lg\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:gap-x-1\/2 { + grid-column-gap: 50%; + column-gap: 50%; } - .lg\:inset-15 { - top: 3.75rem; - right: 3.75rem; - bottom: 3.75rem; - left: 3.75rem; + .lg\:gap-x-1\/3 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .lg\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:gap-x-2\/3 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .lg\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:gap-x-1\/4 { + grid-column-gap: 25%; + column-gap: 25%; } - .lg\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:gap-x-2\/4 { + grid-column-gap: 50%; + column-gap: 50%; } - .lg\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:gap-x-3\/4 { + grid-column-gap: 75%; + column-gap: 75%; } - .lg\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:gap-x-1\/5 { + grid-column-gap: 20%; + column-gap: 20%; } - .lg\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:gap-x-2\/5 { + grid-column-gap: 40%; + column-gap: 40%; } - .lg\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:gap-x-3\/5 { + grid-column-gap: 60%; + column-gap: 60%; } - .lg\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:gap-x-4\/5 { + grid-column-gap: 80%; + column-gap: 80%; } - .lg\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:gap-x-1\/6 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .lg\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:gap-x-2\/6 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .lg\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:gap-x-3\/6 { + grid-column-gap: 50%; + column-gap: 50%; } - .lg\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:gap-x-4\/6 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .lg\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:gap-x-5\/6 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .lg\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:gap-x-1\/12 { + grid-column-gap: 8.333333%; + column-gap: 8.333333%; } - .lg\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:gap-x-2\/12 { + grid-column-gap: 16.666667%; + column-gap: 16.666667%; } - .lg\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:gap-x-3\/12 { + grid-column-gap: 25%; + column-gap: 25%; } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:gap-x-4\/12 { + grid-column-gap: 33.333333%; + column-gap: 33.333333%; } - .lg\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:gap-x-5\/12 { + grid-column-gap: 41.666667%; + column-gap: 41.666667%; } - .lg\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:gap-x-6\/12 { + grid-column-gap: 50%; + column-gap: 50%; } - .lg\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:gap-x-7\/12 { + grid-column-gap: 58.333333%; + column-gap: 58.333333%; } - .lg\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:gap-x-8\/12 { + grid-column-gap: 66.666667%; + column-gap: 66.666667%; } - .lg\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:gap-x-9\/12 { + grid-column-gap: 75%; + column-gap: 75%; } - .lg\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:gap-x-10\/12 { + grid-column-gap: 83.333333%; + column-gap: 83.333333%; } - .lg\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:gap-x-11\/12 { + grid-column-gap: 91.666667%; + column-gap: 91.666667%; } - .lg\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:gap-x-full { + grid-column-gap: 100%; + column-gap: 100%; } - .lg\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:inset-1\/5 { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; + .lg\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:inset-2\/5 { - top: 40%; - right: 40%; - bottom: 40%; - left: 40%; + .lg\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:inset-3\/5 { - top: 60%; - right: 60%; - bottom: 60%; - left: 60%; + .lg\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:inset-4\/5 { - top: 80%; - right: 80%; - bottom: 80%; - left: 80%; + .lg\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:inset-1\/6 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; + .lg\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .lg\:inset-2\/6 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:inset-3\/6 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .lg\:inset-4\/6 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:inset-5\/6 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; + .lg\:gap-y-11 { + grid-row-gap: 2.75rem; + row-gap: 2.75rem; } - .lg\:inset-1\/12 { - top: 8.333333%; - right: 8.333333%; - bottom: 8.333333%; - left: 8.333333%; + .lg\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:inset-2\/12 { - top: 16.666667%; - right: 16.666667%; - bottom: 16.666667%; - left: 16.666667%; + .lg\:gap-y-13 { + grid-row-gap: 3.25rem; + row-gap: 3.25rem; } - .lg\:inset-3\/12 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .lg\:inset-4\/12 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:gap-y-15 { + grid-row-gap: 3.75rem; + row-gap: 3.75rem; } - .lg\:inset-5\/12 { - top: 41.666667%; - right: 41.666667%; - bottom: 41.666667%; - left: 41.666667%; + .lg\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:inset-6\/12 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:inset-7\/12 { - top: 58.333333%; - right: 58.333333%; - bottom: 58.333333%; - left: 58.333333%; + .lg\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:inset-8\/12 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .lg\:inset-9\/12 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:inset-10\/12 { - top: 83.333333%; - right: 83.333333%; - bottom: 83.333333%; - left: 83.333333%; + .lg\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .lg\:inset-11\/12 { - top: 91.666667%; - right: 91.666667%; - bottom: 91.666667%; - left: 91.666667%; + .lg\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .lg\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .lg\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .lg\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .lg\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .lg\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .lg\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .lg\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .lg\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:inset-x-4 { - right: 1rem; - left: 1rem; + .lg\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .lg\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .lg\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .lg\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .lg\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .lg\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .lg\:gap-y-1\/2 { + grid-row-gap: 50%; + row-gap: 50%; } - .lg\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:gap-y-1\/3 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .lg\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .lg\:gap-y-2\/3 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .lg\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:gap-y-1\/4 { + grid-row-gap: 25%; + row-gap: 25%; } - .lg\:inset-x-8 { - right: 2rem; - left: 2rem; + .lg\:gap-y-2\/4 { + grid-row-gap: 50%; + row-gap: 50%; } - .lg\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:gap-y-3\/4 { + grid-row-gap: 75%; + row-gap: 75%; } - .lg\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .lg\:gap-y-1\/5 { + grid-row-gap: 20%; + row-gap: 20%; } - .lg\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:gap-y-2\/5 { + grid-row-gap: 40%; + row-gap: 40%; } - .lg\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .lg\:gap-y-3\/5 { + grid-row-gap: 60%; + row-gap: 60%; } - .lg\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .lg\:gap-y-4\/5 { + grid-row-gap: 80%; + row-gap: 80%; } - .lg\:inset-x-11 { - right: 2.75rem; - left: 2.75rem; + .lg\:gap-y-1\/6 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .lg\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:gap-y-2\/6 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .lg\:inset-x-12 { - right: 3rem; - left: 3rem; + .lg\:gap-y-3\/6 { + grid-row-gap: 50%; + row-gap: 50%; } - .lg\:inset-y-13 { - top: 3.25rem; - bottom: 3.25rem; + .lg\:gap-y-4\/6 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .lg\:inset-x-13 { - right: 3.25rem; - left: 3.25rem; + .lg\:gap-y-5\/6 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .lg\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:gap-y-1\/12 { + grid-row-gap: 8.333333%; + row-gap: 8.333333%; } - .lg\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .lg\:gap-y-2\/12 { + grid-row-gap: 16.666667%; + row-gap: 16.666667%; } - .lg\:inset-y-15 { - top: 3.75rem; - bottom: 3.75rem; + .lg\:gap-y-3\/12 { + grid-row-gap: 25%; + row-gap: 25%; } - .lg\:inset-x-15 { - right: 3.75rem; - left: 3.75rem; + .lg\:gap-y-4\/12 { + grid-row-gap: 33.333333%; + row-gap: 33.333333%; } - .lg\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:gap-y-5\/12 { + grid-row-gap: 41.666667%; + row-gap: 41.666667%; } - .lg\:inset-x-16 { - right: 4rem; - left: 4rem; + .lg\:gap-y-6\/12 { + grid-row-gap: 50%; + row-gap: 50%; } - .lg\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:gap-y-7\/12 { + grid-row-gap: 58.333333%; + row-gap: 58.333333%; } - .lg\:inset-x-20 { - right: 5rem; - left: 5rem; + .lg\:gap-y-8\/12 { + grid-row-gap: 66.666667%; + row-gap: 66.666667%; } - .lg\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:gap-y-9\/12 { + grid-row-gap: 75%; + row-gap: 75%; } - .lg\:inset-x-24 { - right: 6rem; - left: 6rem; + .lg\:gap-y-10\/12 { + grid-row-gap: 83.333333%; + row-gap: 83.333333%; } - .lg\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:gap-y-11\/12 { + grid-row-gap: 91.666667%; + row-gap: 91.666667%; } - .lg\:inset-x-28 { - right: 7rem; - left: 7rem; + .lg\:gap-y-full { + grid-row-gap: 100%; + row-gap: 100%; } - .lg\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .lg\:grid-flow-row { + grid-auto-flow: row; } - .lg\:inset-x-32 { - right: 8rem; - left: 8rem; + .lg\:grid-flow-col { + grid-auto-flow: column; } - .lg\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:inset-x-36 { - right: 9rem; - left: 9rem; + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:inset-x-40 { - right: 10rem; - left: 10rem; + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:inset-x-44 { - right: 11rem; - left: 11rem; + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:inset-x-48 { - right: 12rem; - left: 12rem; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:inset-x-52 { - right: 13rem; - left: 13rem; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:inset-x-56 { - right: 14rem; - left: 14rem; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:inset-x-60 { - right: 15rem; - left: 15rem; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .lg\:grid-cols-none { + grid-template-columns: none; } - .lg\:inset-x-64 { - right: 16rem; - left: 16rem; + .lg\:col-auto { + grid-column: auto; } - .lg\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .lg\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:inset-x-72 { - right: 18rem; - left: 18rem; + .lg\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .lg\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:inset-x-80 { - right: 20rem; - left: 20rem; + .lg\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .lg\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:inset-x-96 { - right: 24rem; - left: 24rem; + .lg\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:inset-y-px { - top: 1px; - bottom: 1px; + .lg\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:inset-x-px { - right: 1px; - left: 1px; + .lg\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .lg\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .lg\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .lg\:col-start-1 { + grid-column-start: 1; } - .lg\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .lg\:col-start-2 { + grid-column-start: 2; } - .lg\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .lg\:col-start-3 { + grid-column-start: 3; } - .lg\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .lg\:col-start-4 { + grid-column-start: 4; } - .lg\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .lg\:col-start-5 { + grid-column-start: 5; } - .lg\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .lg\:col-start-6 { + grid-column-start: 6; } - .lg\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .lg\:col-start-7 { + grid-column-start: 7; } - .lg\:inset-x-1\/2 { - right: 50%; - left: 50%; + .lg\:col-start-8 { + grid-column-start: 8; } - .lg\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .lg\:col-start-9 { + grid-column-start: 9; } - .lg\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .lg\:col-start-10 { + grid-column-start: 10; } - .lg\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:col-start-11 { + grid-column-start: 11; } - .lg\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .lg\:col-start-12 { + grid-column-start: 12; } - .lg\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .lg\:col-start-13 { + grid-column-start: 13; } - .lg\:inset-x-1\/4 { - right: 25%; - left: 25%; + .lg\:col-start-auto { + grid-column-start: auto; } - .lg\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .lg\:col-end-1 { + grid-column-end: 1; } - .lg\:inset-x-2\/4 { - right: 50%; - left: 50%; + .lg\:col-end-2 { + grid-column-end: 2; } - .lg\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .lg\:col-end-3 { + grid-column-end: 3; } - .lg\:inset-x-3\/4 { - right: 75%; - left: 75%; + .lg\:col-end-4 { + grid-column-end: 4; } - .lg\:inset-y-1\/5 { - top: 20%; - bottom: 20%; + .lg\:col-end-5 { + grid-column-end: 5; } - .lg\:inset-x-1\/5 { - right: 20%; - left: 20%; + .lg\:col-end-6 { + grid-column-end: 6; } - .lg\:inset-y-2\/5 { - top: 40%; - bottom: 40%; + .lg\:col-end-7 { + grid-column-end: 7; } - .lg\:inset-x-2\/5 { - right: 40%; - left: 40%; + .lg\:col-end-8 { + grid-column-end: 8; } - .lg\:inset-y-3\/5 { - top: 60%; - bottom: 60%; + .lg\:col-end-9 { + grid-column-end: 9; } - .lg\:inset-x-3\/5 { - right: 60%; - left: 60%; + .lg\:col-end-10 { + grid-column-end: 10; } - .lg\:inset-y-4\/5 { - top: 80%; - bottom: 80%; + .lg\:col-end-11 { + grid-column-end: 11; } - .lg\:inset-x-4\/5 { - right: 80%; - left: 80%; + .lg\:col-end-12 { + grid-column-end: 12; } - .lg\:inset-y-1\/6 { - top: 16.666667%; - bottom: 16.666667%; + .lg\:col-end-13 { + grid-column-end: 13; } - .lg\:inset-x-1\/6 { - right: 16.666667%; - left: 16.666667%; + .lg\:col-end-auto { + grid-column-end: auto; } - .lg\:inset-y-2\/6 { - top: 33.333333%; - bottom: 33.333333%; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:inset-x-2\/6 { - right: 33.333333%; - left: 33.333333%; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:inset-y-3\/6 { - top: 50%; - bottom: 50%; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:inset-x-3\/6 { - right: 50%; - left: 50%; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:inset-y-4\/6 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:inset-x-4\/6 { - right: 66.666667%; - left: 66.666667%; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:inset-y-5\/6 { - top: 83.333333%; - bottom: 83.333333%; + .lg\:grid-rows-none { + grid-template-rows: none; } - .lg\:inset-x-5\/6 { - right: 83.333333%; - left: 83.333333%; + .lg\:row-auto { + grid-row: auto; } - .lg\:inset-y-1\/12 { - top: 8.333333%; - bottom: 8.333333%; + .lg\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:inset-x-1\/12 { - right: 8.333333%; - left: 8.333333%; + .lg\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:inset-y-2\/12 { - top: 16.666667%; - bottom: 16.666667%; + .lg\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:inset-x-2\/12 { - right: 16.666667%; - left: 16.666667%; + .lg\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:inset-y-3\/12 { - top: 25%; - bottom: 25%; + .lg\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:inset-x-3\/12 { - right: 25%; - left: 25%; + .lg\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:inset-y-4\/12 { - top: 33.333333%; - bottom: 33.333333%; + .lg\:row-start-1 { + grid-row-start: 1; } - .lg\:inset-x-4\/12 { - right: 33.333333%; - left: 33.333333%; + .lg\:row-start-2 { + grid-row-start: 2; } - .lg\:inset-y-5\/12 { - top: 41.666667%; - bottom: 41.666667%; + .lg\:row-start-3 { + grid-row-start: 3; } - .lg\:inset-x-5\/12 { - right: 41.666667%; - left: 41.666667%; + .lg\:row-start-4 { + grid-row-start: 4; } - .lg\:inset-y-6\/12 { - top: 50%; - bottom: 50%; + .lg\:row-start-5 { + grid-row-start: 5; } - .lg\:inset-x-6\/12 { - right: 50%; - left: 50%; + .lg\:row-start-6 { + grid-row-start: 6; } - .lg\:inset-y-7\/12 { - top: 58.333333%; - bottom: 58.333333%; + .lg\:row-start-7 { + grid-row-start: 7; } - .lg\:inset-x-7\/12 { - right: 58.333333%; - left: 58.333333%; + .lg\:row-start-auto { + grid-row-start: auto; } - .lg\:inset-y-8\/12 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:row-end-1 { + grid-row-end: 1; } - .lg\:inset-x-8\/12 { - right: 66.666667%; - left: 66.666667%; + .lg\:row-end-2 { + grid-row-end: 2; } - .lg\:inset-y-9\/12 { - top: 75%; - bottom: 75%; + .lg\:row-end-3 { + grid-row-end: 3; } - .lg\:inset-x-9\/12 { - right: 75%; - left: 75%; + .lg\:row-end-4 { + grid-row-end: 4; } - .lg\:inset-y-10\/12 { - top: 83.333333%; - bottom: 83.333333%; + .lg\:row-end-5 { + grid-row-end: 5; } - .lg\:inset-x-10\/12 { - right: 83.333333%; - left: 83.333333%; + .lg\:row-end-6 { + grid-row-end: 6; } - .lg\:inset-y-11\/12 { - top: 91.666667%; - bottom: 91.666667%; + .lg\:row-end-7 { + grid-row-end: 7; } - .lg\:inset-x-11\/12 { - right: 91.666667%; - left: 91.666667%; + .lg\:row-end-auto { + grid-row-end: auto; } - .lg\:inset-y-full { - top: 100%; - bottom: 100%; + .lg\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .lg\:inset-x-full { - right: 100%; - left: 100%; + .lg\:transform-none { + transform: none; } - .lg\:top-0 { - top: 0; + .lg\:origin-center { + transform-origin: center; } - .lg\:right-0 { - right: 0; + .lg\:origin-top { + transform-origin: top; } - .lg\:bottom-0 { - bottom: 0; + .lg\:origin-top-right { + transform-origin: top right; } - .lg\:left-0 { - left: 0; + .lg\:origin-right { + transform-origin: right; } - .lg\:top-1 { - top: 0.25rem; + .lg\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:right-1 { - right: 0.25rem; + .lg\:origin-bottom { + transform-origin: bottom; } - .lg\:bottom-1 { - bottom: 0.25rem; + .lg\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:left-1 { - left: 0.25rem; + .lg\:origin-left { + transform-origin: left; } - .lg\:top-2 { - top: 0.5rem; + .lg\:origin-top-left { + transform-origin: top left; } - .lg\:right-2 { - right: 0.5rem; + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:bottom-2 { - bottom: 0.5rem; + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:left-2 { - left: 0.5rem; + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:top-3 { - top: 0.75rem; + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:right-3 { - right: 0.75rem; + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:bottom-3 { - bottom: 0.75rem; + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:left-3 { - left: 0.75rem; + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:top-4 { - top: 1rem; + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:right-4 { - right: 1rem; + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:bottom-4 { - bottom: 1rem; + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:left-4 { - left: 1rem; + .lg\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:top-5 { - top: 1.25rem; + .lg\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:right-5 { - right: 1.25rem; + .lg\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:bottom-5 { - bottom: 1.25rem; + .lg\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:left-5 { - left: 1.25rem; + .lg\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:top-6 { - top: 1.5rem; + .lg\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:right-6 { - right: 1.5rem; + .lg\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:bottom-6 { - bottom: 1.5rem; + .lg\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:left-6 { - left: 1.5rem; + .lg\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:top-7 { - top: 1.75rem; + .lg\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:right-7 { - right: 1.75rem; + .lg\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:bottom-7 { - bottom: 1.75rem; + .lg\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:left-7 { - left: 1.75rem; + .lg\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:top-8 { - top: 2rem; + .lg\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:right-8 { - right: 2rem; + .lg\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:bottom-8 { - bottom: 2rem; + .lg\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:left-8 { - left: 2rem; + .lg\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:top-9 { - top: 2.25rem; + .lg\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:right-9 { - right: 2.25rem; + .lg\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:bottom-9 { - bottom: 2.25rem; + .lg\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:left-9 { - left: 2.25rem; + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:top-10 { - top: 2.5rem; + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:right-10 { - right: 2.5rem; + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:bottom-10 { - bottom: 2.5rem; + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:left-10 { - left: 2.5rem; + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:top-11 { - top: 2.75rem; + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:right-11 { - right: 2.75rem; + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:bottom-11 { - bottom: 2.75rem; + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:left-11 { - left: 2.75rem; + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:top-12 { - top: 3rem; + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:right-12 { - right: 3rem; + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:bottom-12 { - bottom: 3rem; + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:left-12 { - left: 3rem; + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:top-13 { - top: 3.25rem; + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:right-13 { - right: 3.25rem; + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:bottom-13 { - bottom: 3.25rem; + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:left-13 { - left: 3.25rem; + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:top-14 { - top: 3.5rem; + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:right-14 { - right: 3.5rem; + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:bottom-14 { - bottom: 3.5rem; + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:left-14 { - left: 3.5rem; + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:top-15 { - top: 3.75rem; + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:right-15 { - right: 3.75rem; + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:bottom-15 { - bottom: 3.75rem; + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:left-15 { - left: 3.75rem; + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:top-16 { - top: 4rem; + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:right-16 { - right: 4rem; + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:bottom-16 { - bottom: 4rem; + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:left-16 { - left: 4rem; + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:top-20 { - top: 5rem; + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:right-20 { - right: 5rem; + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:bottom-20 { - bottom: 5rem; + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:left-20 { - left: 5rem; + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:top-24 { - top: 6rem; + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:right-24 { - right: 6rem; + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:bottom-24 { - bottom: 6rem; + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:left-24 { - left: 6rem; + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:top-28 { - top: 7rem; + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:right-28 { - right: 7rem; + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:bottom-28 { - bottom: 7rem; + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:left-28 { - left: 7rem; + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:top-32 { - top: 8rem; + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:right-32 { - right: 8rem; + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:bottom-32 { - bottom: 8rem; + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:left-32 { - left: 8rem; + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:top-36 { - top: 9rem; + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:right-36 { - right: 9rem; + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:bottom-36 { - bottom: 9rem; + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:left-36 { - left: 9rem; + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:top-40 { - top: 10rem; + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:right-40 { - right: 10rem; + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:bottom-40 { - bottom: 10rem; + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:left-40 { - left: 10rem; + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:top-44 { - top: 11rem; + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:right-44 { - right: 11rem; + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:bottom-44 { - bottom: 11rem; + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:left-44 { - left: 11rem; + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:top-48 { - top: 12rem; + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:right-48 { - right: 12rem; + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:bottom-48 { - bottom: 12rem; + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:left-48 { - left: 12rem; + .lg\:rotate-0 { + --transform-rotate: 0; } - .lg\:top-52 { - top: 13rem; + .lg\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:right-52 { - right: 13rem; + .lg\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:bottom-52 { - bottom: 13rem; + .lg\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:left-52 { - left: 13rem; + .lg\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:top-56 { - top: 14rem; + .lg\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:right-56 { - right: 14rem; + .lg\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:bottom-56 { - bottom: 14rem; + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:left-56 { - left: 14rem; + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:top-60 { - top: 15rem; + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:right-60 { - right: 15rem; + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:bottom-60 { - bottom: 15rem; + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:left-60 { - left: 15rem; + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:top-64 { - top: 16rem; + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:right-64 { - right: 16rem; + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:bottom-64 { - bottom: 16rem; + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:left-64 { - left: 16rem; + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:top-72 { - top: 18rem; + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:right-72 { - right: 18rem; + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:bottom-72 { - bottom: 18rem; + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:left-72 { - left: 18rem; + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:top-80 { - top: 20rem; + .lg\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:right-80 { - right: 20rem; + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:bottom-80 { - bottom: 20rem; + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:left-80 { - left: 20rem; + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:top-96 { - top: 24rem; + .lg\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:right-96 { - right: 24rem; + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:bottom-96 { - bottom: 24rem; + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:left-96 { - left: 24rem; + .lg\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .lg\:top-auto { - top: auto; + .lg\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:right-auto { - right: auto; + .lg\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .lg\:bottom-auto { - bottom: auto; + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:left-auto { - left: auto; + .lg\:translate-x-11 { + --transform-translate-x: 2.75rem; } - .lg\:top-px { - top: 1px; + .lg\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:right-px { - right: 1px; + .lg\:translate-x-13 { + --transform-translate-x: 3.25rem; } - .lg\:bottom-px { - bottom: 1px; + .lg\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .lg\:left-px { - left: 1px; + .lg\:translate-x-15 { + --transform-translate-x: 3.75rem; } - .lg\:top-0\.5 { - top: 0.125rem; + .lg\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:right-0\.5 { - right: 0.125rem; + .lg\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:bottom-0\.5 { - bottom: 0.125rem; + .lg\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:left-0\.5 { - left: 0.125rem; + .lg\:translate-x-28 { + --transform-translate-x: 7rem; } - .lg\:top-1\.5 { - top: 0.375rem; + .lg\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:right-1\.5 { - right: 0.375rem; + .lg\:translate-x-36 { + --transform-translate-x: 9rem; } - .lg\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:left-1\.5 { - left: 0.375rem; + .lg\:translate-x-44 { + --transform-translate-x: 11rem; } - .lg\:top-2\.5 { - top: 0.625rem; + .lg\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:right-2\.5 { - right: 0.625rem; + .lg\:translate-x-52 { + --transform-translate-x: 13rem; } - .lg\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:left-2\.5 { - left: 0.625rem; + .lg\:translate-x-60 { + --transform-translate-x: 15rem; } - .lg\:top-3\.5 { - top: 0.875rem; + .lg\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:right-3\.5 { - right: 0.875rem; + .lg\:translate-x-72 { + --transform-translate-x: 18rem; } - .lg\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:translate-x-80 { + --transform-translate-x: 20rem; } - .lg\:left-3\.5 { - left: 0.875rem; + .lg\:translate-x-96 { + --transform-translate-x: 24rem; } - .lg\:top-1\/2 { - top: 50%; + .lg\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:right-1\/2 { - right: 50%; + .lg\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .lg\:bottom-1\/2 { - bottom: 50%; + .lg\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .lg\:left-1\/2 { - left: 50%; + .lg\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .lg\:top-1\/3 { - top: 33.333333%; + .lg\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .lg\:right-1\/3 { - right: 33.333333%; + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .lg\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .lg\:left-1\/3 { - left: 33.333333%; + .lg\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .lg\:top-2\/3 { - top: 66.666667%; + .lg\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .lg\:right-2\/3 { - right: 66.666667%; + .lg\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .lg\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .lg\:left-2\/3 { - left: 66.666667%; + .lg\:translate-x-1\/5 { + --transform-translate-x: 20%; } - .lg\:top-1\/4 { - top: 25%; + .lg\:translate-x-2\/5 { + --transform-translate-x: 40%; } - .lg\:right-1\/4 { - right: 25%; + .lg\:translate-x-3\/5 { + --transform-translate-x: 60%; } - .lg\:bottom-1\/4 { - bottom: 25%; + .lg\:translate-x-4\/5 { + --transform-translate-x: 80%; } - .lg\:left-1\/4 { - left: 25%; + .lg\:translate-x-1\/6 { + --transform-translate-x: 16.666667%; } - .lg\:top-2\/4 { - top: 50%; + .lg\:translate-x-2\/6 { + --transform-translate-x: 33.333333%; } - .lg\:right-2\/4 { - right: 50%; + .lg\:translate-x-3\/6 { + --transform-translate-x: 50%; } - .lg\:bottom-2\/4 { - bottom: 50%; + .lg\:translate-x-4\/6 { + --transform-translate-x: 66.666667%; } - .lg\:left-2\/4 { - left: 50%; + .lg\:translate-x-5\/6 { + --transform-translate-x: 83.333333%; } - .lg\:top-3\/4 { - top: 75%; + .lg\:translate-x-1\/12 { + --transform-translate-x: 8.333333%; } - .lg\:right-3\/4 { - right: 75%; + .lg\:translate-x-2\/12 { + --transform-translate-x: 16.666667%; } - .lg\:bottom-3\/4 { - bottom: 75%; + .lg\:translate-x-3\/12 { + --transform-translate-x: 25%; } - .lg\:left-3\/4 { - left: 75%; + .lg\:translate-x-4\/12 { + --transform-translate-x: 33.333333%; } - .lg\:top-1\/5 { - top: 20%; + .lg\:translate-x-5\/12 { + --transform-translate-x: 41.666667%; } - .lg\:right-1\/5 { - right: 20%; + .lg\:translate-x-6\/12 { + --transform-translate-x: 50%; } - .lg\:bottom-1\/5 { - bottom: 20%; + .lg\:translate-x-7\/12 { + --transform-translate-x: 58.333333%; } - .lg\:left-1\/5 { - left: 20%; + .lg\:translate-x-8\/12 { + --transform-translate-x: 66.666667%; } - .lg\:top-2\/5 { - top: 40%; + .lg\:translate-x-9\/12 { + --transform-translate-x: 75%; } - .lg\:right-2\/5 { - right: 40%; + .lg\:translate-x-10\/12 { + --transform-translate-x: 83.333333%; } - .lg\:bottom-2\/5 { - bottom: 40%; + .lg\:translate-x-11\/12 { + --transform-translate-x: 91.666667%; } - .lg\:left-2\/5 { - left: 40%; + .lg\:translate-x-full { + --transform-translate-x: 100%; } - .lg\:top-3\/5 { - top: 60%; + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:right-3\/5 { - right: 60%; + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:bottom-3\/5 { - bottom: 60%; + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:left-3\/5 { - left: 60%; + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:top-4\/5 { - top: 80%; + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:right-4\/5 { - right: 80%; + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:bottom-4\/5 { - bottom: 80%; + .lg\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } + + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:left-4\/5 { - left: 80%; + .lg\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .lg\:top-1\/6 { - top: 16.666667%; + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:right-1\/6 { - right: 16.666667%; + .lg\:-translate-x-11 { + --transform-translate-x: -2.75rem; } - .lg\:bottom-1\/6 { - bottom: 16.666667%; + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:left-1\/6 { - left: 16.666667%; + .lg\:-translate-x-13 { + --transform-translate-x: -3.25rem; } - .lg\:top-2\/6 { - top: 33.333333%; + .lg\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .lg\:right-2\/6 { - right: 33.333333%; + .lg\:-translate-x-15 { + --transform-translate-x: -3.75rem; } - .lg\:bottom-2\/6 { - bottom: 33.333333%; + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:left-2\/6 { - left: 33.333333%; + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:top-3\/6 { - top: 50%; + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:right-3\/6 { - right: 50%; + .lg\:-translate-x-28 { + --transform-translate-x: -7rem; } - .lg\:bottom-3\/6 { - bottom: 50%; + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:left-3\/6 { - left: 50%; + .lg\:-translate-x-36 { + --transform-translate-x: -9rem; } - .lg\:top-4\/6 { - top: 66.666667%; + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:right-4\/6 { - right: 66.666667%; + .lg\:-translate-x-44 { + --transform-translate-x: -11rem; } - .lg\:bottom-4\/6 { - bottom: 66.666667%; + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:left-4\/6 { - left: 66.666667%; + .lg\:-translate-x-52 { + --transform-translate-x: -13rem; } - .lg\:top-5\/6 { - top: 83.333333%; + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:right-5\/6 { - right: 83.333333%; + .lg\:-translate-x-60 { + --transform-translate-x: -15rem; } - .lg\:bottom-5\/6 { - bottom: 83.333333%; + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:left-5\/6 { - left: 83.333333%; + .lg\:-translate-x-72 { + --transform-translate-x: -18rem; } - .lg\:top-1\/12 { - top: 8.333333%; + .lg\:-translate-x-80 { + --transform-translate-x: -20rem; } - .lg\:right-1\/12 { - right: 8.333333%; + .lg\:-translate-x-96 { + --transform-translate-x: -24rem; } - .lg\:bottom-1\/12 { - bottom: 8.333333%; + .lg\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:left-1\/12 { - left: 8.333333%; + .lg\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .lg\:top-2\/12 { - top: 16.666667%; + .lg\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .lg\:right-2\/12 { - right: 16.666667%; + .lg\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .lg\:bottom-2\/12 { - bottom: 16.666667%; + .lg\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .lg\:left-2\/12 { - left: 16.666667%; + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:top-3\/12 { - top: 25%; + .lg\:-translate-x-1\/3 { + --transform-translate-x: -33.33333%; } - .lg\:right-3\/12 { - right: 25%; + .lg\:-translate-x-2\/3 { + --transform-translate-x: -66.66667%; } - .lg\:bottom-3\/12 { - bottom: 25%; + .lg\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .lg\:left-3\/12 { - left: 25%; + .lg\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .lg\:top-4\/12 { - top: 33.333333%; + .lg\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .lg\:right-4\/12 { - right: 33.333333%; + .lg\:-translate-x-1\/5 { + --transform-translate-x: -20%; } - .lg\:bottom-4\/12 { - bottom: 33.333333%; + .lg\:-translate-x-2\/5 { + --transform-translate-x: -40%; } - .lg\:left-4\/12 { - left: 33.333333%; + .lg\:-translate-x-3\/5 { + --transform-translate-x: -60%; } - .lg\:top-5\/12 { - top: 41.666667%; + .lg\:-translate-x-4\/5 { + --transform-translate-x: -80%; } - .lg\:right-5\/12 { - right: 41.666667%; + .lg\:-translate-x-1\/6 { + --transform-translate-x: -16.66667%; } - .lg\:bottom-5\/12 { - bottom: 41.666667%; + .lg\:-translate-x-2\/6 { + --transform-translate-x: -33.33333%; } - .lg\:left-5\/12 { - left: 41.666667%; + .lg\:-translate-x-3\/6 { + --transform-translate-x: -50%; } - .lg\:top-6\/12 { - top: 50%; + .lg\:-translate-x-4\/6 { + --transform-translate-x: -66.66667%; } - .lg\:right-6\/12 { - right: 50%; + .lg\:-translate-x-5\/6 { + --transform-translate-x: -83.33333%; } - .lg\:bottom-6\/12 { - bottom: 50%; + .lg\:-translate-x-1\/12 { + --transform-translate-x: -8.33333%; } - .lg\:left-6\/12 { - left: 50%; + .lg\:-translate-x-2\/12 { + --transform-translate-x: -16.66667%; } - .lg\:top-7\/12 { - top: 58.333333%; + .lg\:-translate-x-3\/12 { + --transform-translate-x: -25%; } - .lg\:right-7\/12 { - right: 58.333333%; + .lg\:-translate-x-4\/12 { + --transform-translate-x: -33.33333%; } - .lg\:bottom-7\/12 { - bottom: 58.333333%; + .lg\:-translate-x-5\/12 { + --transform-translate-x: -41.66667%; } - .lg\:left-7\/12 { - left: 58.333333%; + .lg\:-translate-x-6\/12 { + --transform-translate-x: -50%; } - .lg\:top-8\/12 { - top: 66.666667%; + .lg\:-translate-x-7\/12 { + --transform-translate-x: -58.33333%; } - .lg\:right-8\/12 { - right: 66.666667%; + .lg\:-translate-x-8\/12 { + --transform-translate-x: -66.66667%; } - .lg\:bottom-8\/12 { - bottom: 66.666667%; + .lg\:-translate-x-9\/12 { + --transform-translate-x: -75%; } - .lg\:left-8\/12 { - left: 66.666667%; + .lg\:-translate-x-10\/12 { + --transform-translate-x: -83.33333%; } - .lg\:top-9\/12 { - top: 75%; + .lg\:-translate-x-11\/12 { + --transform-translate-x: -91.66667%; } - .lg\:right-9\/12 { - right: 75%; + .lg\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:bottom-9\/12 { - bottom: 75%; + .lg\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:left-9\/12 { - left: 75%; + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:top-10\/12 { - top: 83.333333%; + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:right-10\/12 { - right: 83.333333%; + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:bottom-10\/12 { - bottom: 83.333333%; + .lg\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:left-10\/12 { - left: 83.333333%; + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:top-11\/12 { - top: 91.666667%; + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:right-11\/12 { - right: 91.666667%; + .lg\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .lg\:bottom-11\/12 { - bottom: 91.666667%; + .lg\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:left-11\/12 { - left: 91.666667%; + .lg\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .lg\:top-full { - top: 100%; + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:right-full { - right: 100%; + .lg\:translate-y-11 { + --transform-translate-y: 2.75rem; } - .lg\:bottom-full { - bottom: 100%; + .lg\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:left-full { - left: 100%; + .lg\:translate-y-13 { + --transform-translate-y: 3.25rem; } - .lg\:resize-none { - resize: none; + .lg\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .lg\:resize-y { - resize: vertical; + .lg\:translate-y-15 { + --transform-translate-y: 3.75rem; } - .lg\:resize-x { - resize: horizontal; + .lg\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:resize { - resize: both; + .lg\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:translate-y-28 { + --transform-translate-y: 7rem; } - .lg\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:translate-y-36 { + --transform-translate-y: 9rem; } - .lg\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:translate-y-44 { + --transform-translate-y: 11rem; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-52 { + --transform-translate-y: 13rem; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:shadow-none { - box-shadow: none; + .lg\:translate-y-60 { + --transform-translate-y: 15rem; } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:translate-y-72 { + --transform-translate-y: 18rem; } - .lg\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-80 { + --transform-translate-y: 20rem; } - .lg\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:translate-y-96 { + --transform-translate-y: 24rem; } - .lg\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .lg\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .lg\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .lg\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .lg\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:translate-y-1\/5 { + --transform-translate-y: 20%; } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:translate-y-2\/5 { + --transform-translate-y: 40%; } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:translate-y-3\/5 { + --transform-translate-y: 60%; } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:translate-y-4\/5 { + --transform-translate-y: 80%; } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:translate-y-1\/6 { + --transform-translate-y: 16.666667%; } - .lg\:fill-current { - fill: currentColor; + .lg\:translate-y-2\/6 { + --transform-translate-y: 33.333333%; } - .lg\:stroke-current { - stroke: currentColor; + .lg\:translate-y-3\/6 { + --transform-translate-y: 50%; } - .lg\:stroke-0 { - stroke-width: 0; + .lg\:translate-y-4\/6 { + --transform-translate-y: 66.666667%; } - .lg\:stroke-1 { - stroke-width: 1; + .lg\:translate-y-5\/6 { + --transform-translate-y: 83.333333%; } - .lg\:stroke-2 { - stroke-width: 2; + .lg\:translate-y-1\/12 { + --transform-translate-y: 8.333333%; } - .lg\:table-auto { - table-layout: auto; + .lg\:translate-y-2\/12 { + --transform-translate-y: 16.666667%; } - .lg\:table-fixed { - table-layout: fixed; + .lg\:translate-y-3\/12 { + --transform-translate-y: 25%; } - .lg\:text-left { - text-align: left; + .lg\:translate-y-4\/12 { + --transform-translate-y: 33.333333%; } - .lg\:text-center { - text-align: center; + .lg\:translate-y-5\/12 { + --transform-translate-y: 41.666667%; } - .lg\:text-right { - text-align: right; + .lg\:translate-y-6\/12 { + --transform-translate-y: 50%; } - .lg\:text-justify { - text-align: justify; + .lg\:translate-y-7\/12 { + --transform-translate-y: 58.333333%; } - .lg\:text-transparent { - color: transparent; + .lg\:translate-y-8\/12 { + --transform-translate-y: 66.666667%; } - .lg\:text-current { - color: currentColor; + .lg\:translate-y-9\/12 { + --transform-translate-y: 75%; } - .lg\:text-black { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:translate-y-10\/12 { + --transform-translate-y: 83.333333%; } - .lg\:text-white { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:translate-y-11\/12 { + --transform-translate-y: 91.666667%; } - .lg\:text-gray-50 { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:text-gray-100 { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:text-gray-200 { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:text-gray-300 { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:text-gray-400 { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; } - .lg\:text-gray-500 { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:text-gray-600 { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:text-gray-700 { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .lg\:text-gray-800 { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:text-gray-900 { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .lg\:text-red-50 { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:text-red-100 { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:-translate-y-11 { + --transform-translate-y: -2.75rem; } - .lg\:text-red-200 { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:text-red-300 { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:-translate-y-13 { + --transform-translate-y: -3.25rem; } - .lg\:text-red-400 { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .lg\:text-red-500 { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:-translate-y-15 { + --transform-translate-y: -3.75rem; } - .lg\:text-red-600 { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:text-red-700 { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:text-red-800 { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:text-red-900 { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:-translate-y-28 { + --transform-translate-y: -7rem; } - .lg\:text-orange-50 { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:text-orange-100 { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:-translate-y-36 { + --transform-translate-y: -9rem; } - .lg\:text-orange-200 { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:text-orange-300 { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:-translate-y-44 { + --transform-translate-y: -11rem; } - .lg\:text-orange-400 { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:text-orange-500 { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:-translate-y-52 { + --transform-translate-y: -13rem; } - .lg\:text-orange-600 { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:text-orange-700 { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:-translate-y-60 { + --transform-translate-y: -15rem; } - .lg\:text-orange-800 { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:text-orange-900 { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:-translate-y-72 { + --transform-translate-y: -18rem; } - .lg\:text-yellow-50 { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:-translate-y-80 { + --transform-translate-y: -20rem; } - .lg\:text-yellow-100 { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:-translate-y-96 { + --transform-translate-y: -24rem; } - .lg\:text-yellow-200 { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:text-yellow-300 { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .lg\:text-yellow-400 { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .lg\:text-yellow-500 { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .lg\:text-yellow-600 { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .lg\:text-yellow-700 { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:text-yellow-800 { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:-translate-y-1\/3 { + --transform-translate-y: -33.33333%; } - .lg\:text-yellow-900 { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:-translate-y-2\/3 { + --transform-translate-y: -66.66667%; } - .lg\:text-green-50 { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .lg\:text-green-100 { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .lg\:text-green-200 { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .lg\:text-green-300 { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:-translate-y-1\/5 { + --transform-translate-y: -20%; } - .lg\:text-green-400 { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:-translate-y-2\/5 { + --transform-translate-y: -40%; } - .lg\:text-green-500 { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:-translate-y-3\/5 { + --transform-translate-y: -60%; } - .lg\:text-green-600 { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:-translate-y-4\/5 { + --transform-translate-y: -80%; } - .lg\:text-green-700 { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:-translate-y-1\/6 { + --transform-translate-y: -16.66667%; } - .lg\:text-green-800 { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:-translate-y-2\/6 { + --transform-translate-y: -33.33333%; } - .lg\:text-green-900 { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:-translate-y-3\/6 { + --transform-translate-y: -50%; } - .lg\:text-teal-50 { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:-translate-y-4\/6 { + --transform-translate-y: -66.66667%; } - .lg\:text-teal-100 { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:-translate-y-5\/6 { + --transform-translate-y: -83.33333%; } - .lg\:text-teal-200 { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:-translate-y-1\/12 { + --transform-translate-y: -8.33333%; } - .lg\:text-teal-300 { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:-translate-y-2\/12 { + --transform-translate-y: -16.66667%; } - .lg\:text-teal-400 { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + .lg\:-translate-y-3\/12 { + --transform-translate-y: -25%; } - .lg\:text-teal-500 { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:-translate-y-4\/12 { + --transform-translate-y: -33.33333%; } - .lg\:text-teal-600 { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:-translate-y-5\/12 { + --transform-translate-y: -41.66667%; } - .lg\:text-teal-700 { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:-translate-y-6\/12 { + --transform-translate-y: -50%; } - .lg\:text-teal-800 { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:-translate-y-7\/12 { + --transform-translate-y: -58.33333%; } - .lg\:text-teal-900 { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:-translate-y-8\/12 { + --transform-translate-y: -66.66667%; } - .lg\:text-blue-50 { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:-translate-y-9\/12 { + --transform-translate-y: -75%; } - .lg\:text-blue-100 { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:-translate-y-10\/12 { + --transform-translate-y: -83.33333%; } - .lg\:text-blue-200 { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:-translate-y-11\/12 { + --transform-translate-y: -91.66667%; } - .lg\:text-blue-300 { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:text-blue-400 { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:text-blue-500 { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:text-blue-600 { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:text-blue-700 { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:text-blue-800 { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:text-blue-900 { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:text-indigo-50 { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:text-indigo-100 { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .lg\:text-indigo-200 { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:text-indigo-300 { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .lg\:text-indigo-400 { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:text-indigo-500 { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:hover\:translate-x-11:hover { + --transform-translate-x: 2.75rem; } - .lg\:text-indigo-600 { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:text-indigo-700 { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:hover\:translate-x-13:hover { + --transform-translate-x: 3.25rem; } - .lg\:text-indigo-800 { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .lg\:text-indigo-900 { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:hover\:translate-x-15:hover { + --transform-translate-x: 3.75rem; } - .lg\:text-purple-50 { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:text-purple-100 { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:text-purple-200 { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:text-purple-300 { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .lg\:text-purple-400 { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:text-purple-500 { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .lg\:text-purple-600 { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:text-purple-700 { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .lg\:text-purple-800 { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:text-purple-900 { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .lg\:text-pink-50 { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:text-pink-100 { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .lg\:text-pink-200 { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:text-pink-300 { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .lg\:text-pink-400 { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .lg\:text-pink-500 { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .lg\:text-pink-600 { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:text-pink-700 { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .lg\:text-pink-800 { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .lg\:text-pink-900 { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .lg\:hover\:text-current:hover { - color: currentColor; + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:hover\:text-black:hover { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .lg\:hover\:text-white:hover { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .lg\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .lg\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .lg\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .lg\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:hover\:translate-x-1\/5:hover { + --transform-translate-x: 20%; } - .lg\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:hover\:translate-x-2\/5:hover { + --transform-translate-x: 40%; } - .lg\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:hover\:translate-x-3\/5:hover { + --transform-translate-x: 60%; } - .lg\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:hover\:translate-x-4\/5:hover { + --transform-translate-x: 80%; } - .lg\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:hover\:translate-x-1\/6:hover { + --transform-translate-x: 16.666667%; } - .lg\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:hover\:translate-x-2\/6:hover { + --transform-translate-x: 33.333333%; } - .lg\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:hover\:translate-x-3\/6:hover { + --transform-translate-x: 50%; } - .lg\:hover\:text-red-50:hover { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:hover\:translate-x-4\/6:hover { + --transform-translate-x: 66.666667%; } - .lg\:hover\:text-red-100:hover { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:hover\:translate-x-5\/6:hover { + --transform-translate-x: 83.333333%; } - .lg\:hover\:text-red-200:hover { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:hover\:translate-x-1\/12:hover { + --transform-translate-x: 8.333333%; } - .lg\:hover\:text-red-300:hover { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:hover\:translate-x-2\/12:hover { + --transform-translate-x: 16.666667%; } - .lg\:hover\:text-red-400:hover { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:hover\:translate-x-3\/12:hover { + --transform-translate-x: 25%; } - .lg\:hover\:text-red-500:hover { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:hover\:translate-x-4\/12:hover { + --transform-translate-x: 33.333333%; } - .lg\:hover\:text-red-600:hover { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:hover\:translate-x-5\/12:hover { + --transform-translate-x: 41.666667%; } - .lg\:hover\:text-red-700:hover { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:hover\:translate-x-6\/12:hover { + --transform-translate-x: 50%; } - .lg\:hover\:text-red-800:hover { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:hover\:translate-x-7\/12:hover { + --transform-translate-x: 58.333333%; } - .lg\:hover\:text-red-900:hover { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:hover\:translate-x-8\/12:hover { + --transform-translate-x: 66.666667%; } - .lg\:hover\:text-orange-50:hover { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:hover\:translate-x-9\/12:hover { + --transform-translate-x: 75%; } - .lg\:hover\:text-orange-100:hover { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:hover\:translate-x-10\/12:hover { + --transform-translate-x: 83.333333%; } - .lg\:hover\:text-orange-200:hover { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:hover\:translate-x-11\/12:hover { + --transform-translate-x: 91.666667%; } - .lg\:hover\:text-orange-300:hover { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:hover\:text-orange-400:hover { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:hover\:text-orange-500:hover { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:hover\:text-orange-600:hover { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:hover\:text-orange-700:hover { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:hover\:text-orange-800:hover { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:hover\:text-orange-900:hover { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .lg\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .lg\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:hover\:-translate-x-11:hover { + --transform-translate-x: -2.75rem; } - .lg\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:hover\:-translate-x-13:hover { + --transform-translate-x: -3.25rem; } - .lg\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .lg\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:hover\:-translate-x-15:hover { + --transform-translate-x: -3.75rem; } - .lg\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:hover\:text-green-50:hover { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:hover\:text-green-100:hover { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:hover\:text-green-200:hover { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .lg\:hover\:text-green-300:hover { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:hover\:text-green-400:hover { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .lg\:hover\:text-green-500:hover { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:hover\:text-green-600:hover { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .lg\:hover\:text-green-700:hover { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .lg\:hover\:text-green-800:hover { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .lg\:hover\:text-green-900:hover { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:hover\:text-teal-50:hover { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .lg\:hover\:text-teal-100:hover { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:hover\:text-teal-200:hover { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .lg\:hover\:text-teal-300:hover { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .lg\:hover\:text-teal-400:hover { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + .lg\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .lg\:hover\:text-teal-500:hover { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:hover\:text-teal-600:hover { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .lg\:hover\:text-teal-700:hover { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .lg\:hover\:text-teal-800:hover { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .lg\:hover\:text-teal-900:hover { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .lg\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.33333%; } - .lg\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.66667%; } - .lg\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .lg\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .lg\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .lg\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/5:hover { + --transform-translate-x: -20%; } - .lg\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:hover\:-translate-x-2\/5:hover { + --transform-translate-x: -40%; } - .lg\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:hover\:-translate-x-3\/5:hover { + --transform-translate-x: -60%; } - .lg\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:hover\:-translate-x-4\/5:hover { + --transform-translate-x: -80%; } - .lg\:hover\:text-indigo-50:hover { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/6:hover { + --transform-translate-x: -16.66667%; } - .lg\:hover\:text-indigo-100:hover { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:hover\:-translate-x-2\/6:hover { + --transform-translate-x: -33.33333%; } - .lg\:hover\:text-indigo-200:hover { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:hover\:-translate-x-3\/6:hover { + --transform-translate-x: -50%; } - .lg\:hover\:text-indigo-300:hover { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:hover\:-translate-x-4\/6:hover { + --transform-translate-x: -66.66667%; } - .lg\:hover\:text-indigo-400:hover { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:hover\:-translate-x-5\/6:hover { + --transform-translate-x: -83.33333%; } - .lg\:hover\:text-indigo-500:hover { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:hover\:-translate-x-1\/12:hover { + --transform-translate-x: -8.33333%; } - .lg\:hover\:text-indigo-600:hover { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:hover\:-translate-x-2\/12:hover { + --transform-translate-x: -16.66667%; } - .lg\:hover\:text-indigo-700:hover { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:hover\:-translate-x-3\/12:hover { + --transform-translate-x: -25%; } - .lg\:hover\:text-indigo-800:hover { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:hover\:-translate-x-4\/12:hover { + --transform-translate-x: -33.33333%; } - .lg\:hover\:text-indigo-900:hover { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:hover\:-translate-x-5\/12:hover { + --transform-translate-x: -41.66667%; } - .lg\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-x-6\/12:hover { + --transform-translate-x: -50%; } - .lg\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:hover\:-translate-x-7\/12:hover { + --transform-translate-x: -58.33333%; } - .lg\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:hover\:-translate-x-8\/12:hover { + --transform-translate-x: -66.66667%; } - .lg\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:hover\:-translate-x-9\/12:hover { + --transform-translate-x: -75%; } - .lg\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:hover\:-translate-x-10\/12:hover { + --transform-translate-x: -83.33333%; } - .lg\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:hover\:-translate-x-11\/12:hover { + --transform-translate-x: -91.66667%; } - .lg\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .lg\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .lg\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:hover\:translate-y-11:hover { + --transform-translate-y: 2.75rem; } - .lg\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:hover\:translate-y-13:hover { + --transform-translate-y: 3.25rem; } - .lg\:focus\:text-current:focus { - color: currentColor; + .lg\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .lg\:focus\:text-black:focus { - --text-opacity: 1; - color: #000000; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:translate-y-15:hover { + --transform-translate-y: 3.75rem; } - .lg\:focus\:text-white:focus { - --text-opacity: 1; - color: #ffffff; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: #f9fafb; - color: rgba(249, 250, 251, var(--text-opacity)); + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: #f4f5f7; - color: rgba(244, 245, 247, var(--text-opacity)); + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: #e5e7eb; - color: rgba(229, 231, 235, var(--text-opacity)); + .lg\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .lg\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: #d2d6dc; - color: rgba(210, 214, 220, var(--text-opacity)); + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: #9fa6b2; - color: rgba(159, 166, 178, var(--text-opacity)); + .lg\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .lg\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: #6b7280; - color: rgba(107, 114, 128, var(--text-opacity)); + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: #4b5563; - color: rgba(75, 85, 99, var(--text-opacity)); + .lg\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .lg\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: #374151; - color: rgba(55, 65, 81, var(--text-opacity)); + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: #252f3f; - color: rgba(37, 47, 63, var(--text-opacity)); + .lg\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .lg\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: #161e2e; - color: rgba(22, 30, 46, var(--text-opacity)); + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:focus\:text-red-50:focus { - --text-opacity: 1; - color: #fdf2f2; - color: rgba(253, 242, 242, var(--text-opacity)); + .lg\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .lg\:focus\:text-red-100:focus { - --text-opacity: 1; - color: #fde8e8; - color: rgba(253, 232, 232, var(--text-opacity)); + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:focus\:text-red-200:focus { - --text-opacity: 1; - color: #fbd5d5; - color: rgba(251, 213, 213, var(--text-opacity)); + .lg\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .lg\:focus\:text-red-300:focus { - --text-opacity: 1; - color: #f8b4b4; - color: rgba(248, 180, 180, var(--text-opacity)); + .lg\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .lg\:focus\:text-red-400:focus { - --text-opacity: 1; - color: #f98080; - color: rgba(249, 128, 128, var(--text-opacity)); + .lg\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .lg\:focus\:text-red-500:focus { - --text-opacity: 1; - color: #f05252; - color: rgba(240, 82, 82, var(--text-opacity)); + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:focus\:text-red-600:focus { - --text-opacity: 1; - color: #e02424; - color: rgba(224, 36, 36, var(--text-opacity)); + .lg\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .lg\:focus\:text-red-700:focus { - --text-opacity: 1; - color: #c81e1e; - color: rgba(200, 30, 30, var(--text-opacity)); + .lg\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .lg\:focus\:text-red-800:focus { - --text-opacity: 1; - color: #9b1c1c; - color: rgba(155, 28, 28, var(--text-opacity)); + .lg\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .lg\:focus\:text-red-900:focus { - --text-opacity: 1; - color: #771d1d; - color: rgba(119, 29, 29, var(--text-opacity)); + .lg\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .lg\:focus\:text-orange-50:focus { - --text-opacity: 1; - color: #fff8f1; - color: rgba(255, 248, 241, var(--text-opacity)); + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:focus\:text-orange-100:focus { - --text-opacity: 1; - color: #feecdc; - color: rgba(254, 236, 220, var(--text-opacity)); + .lg\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .lg\:focus\:text-orange-200:focus { - --text-opacity: 1; - color: #fcd9bd; - color: rgba(252, 217, 189, var(--text-opacity)); + .lg\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .lg\:focus\:text-orange-300:focus { - --text-opacity: 1; - color: #fdba8c; - color: rgba(253, 186, 140, var(--text-opacity)); + .lg\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .lg\:focus\:text-orange-400:focus { - --text-opacity: 1; - color: #ff8a4c; - color: rgba(255, 138, 76, var(--text-opacity)); + .lg\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .lg\:focus\:text-orange-500:focus { - --text-opacity: 1; - color: #ff5a1f; - color: rgba(255, 90, 31, var(--text-opacity)); + .lg\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .lg\:focus\:text-orange-600:focus { - --text-opacity: 1; - color: #d03801; - color: rgba(208, 56, 1, var(--text-opacity)); + .lg\:hover\:translate-y-1\/5:hover { + --transform-translate-y: 20%; } - .lg\:focus\:text-orange-700:focus { - --text-opacity: 1; - color: #b43403; - color: rgba(180, 52, 3, var(--text-opacity)); + .lg\:hover\:translate-y-2\/5:hover { + --transform-translate-y: 40%; } - .lg\:focus\:text-orange-800:focus { - --text-opacity: 1; - color: #8a2c0d; - color: rgba(138, 44, 13, var(--text-opacity)); + .lg\:hover\:translate-y-3\/5:hover { + --transform-translate-y: 60%; } - .lg\:focus\:text-orange-900:focus { - --text-opacity: 1; - color: #73230d; - color: rgba(115, 35, 13, var(--text-opacity)); + .lg\:hover\:translate-y-4\/5:hover { + --transform-translate-y: 80%; } - .lg\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: #fdfdea; - color: rgba(253, 253, 234, var(--text-opacity)); + .lg\:hover\:translate-y-1\/6:hover { + --transform-translate-y: 16.666667%; } - .lg\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: #fdf6b2; - color: rgba(253, 246, 178, var(--text-opacity)); + .lg\:hover\:translate-y-2\/6:hover { + --transform-translate-y: 33.333333%; } - .lg\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: #fce96a; - color: rgba(252, 233, 106, var(--text-opacity)); + .lg\:hover\:translate-y-3\/6:hover { + --transform-translate-y: 50%; } - .lg\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: #faca15; - color: rgba(250, 202, 21, var(--text-opacity)); + .lg\:hover\:translate-y-4\/6:hover { + --transform-translate-y: 66.666667%; } - .lg\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: #e3a008; - color: rgba(227, 160, 8, var(--text-opacity)); + .lg\:hover\:translate-y-5\/6:hover { + --transform-translate-y: 83.333333%; } - .lg\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: #c27803; - color: rgba(194, 120, 3, var(--text-opacity)); + .lg\:hover\:translate-y-1\/12:hover { + --transform-translate-y: 8.333333%; } - .lg\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: #9f580a; - color: rgba(159, 88, 10, var(--text-opacity)); + .lg\:hover\:translate-y-2\/12:hover { + --transform-translate-y: 16.666667%; } - .lg\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: #8e4b10; - color: rgba(142, 75, 16, var(--text-opacity)); + .lg\:hover\:translate-y-3\/12:hover { + --transform-translate-y: 25%; } - .lg\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: #723b13; - color: rgba(114, 59, 19, var(--text-opacity)); + .lg\:hover\:translate-y-4\/12:hover { + --transform-translate-y: 33.333333%; } - .lg\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: #633112; - color: rgba(99, 49, 18, var(--text-opacity)); + .lg\:hover\:translate-y-5\/12:hover { + --transform-translate-y: 41.666667%; } - .lg\:focus\:text-green-50:focus { - --text-opacity: 1; - color: #f3faf7; - color: rgba(243, 250, 247, var(--text-opacity)); + .lg\:hover\:translate-y-6\/12:hover { + --transform-translate-y: 50%; } - .lg\:focus\:text-green-100:focus { - --text-opacity: 1; - color: #def7ec; - color: rgba(222, 247, 236, var(--text-opacity)); + .lg\:hover\:translate-y-7\/12:hover { + --transform-translate-y: 58.333333%; } - .lg\:focus\:text-green-200:focus { - --text-opacity: 1; - color: #bcf0da; - color: rgba(188, 240, 218, var(--text-opacity)); + .lg\:hover\:translate-y-8\/12:hover { + --transform-translate-y: 66.666667%; } - .lg\:focus\:text-green-300:focus { - --text-opacity: 1; - color: #84e1bc; - color: rgba(132, 225, 188, var(--text-opacity)); + .lg\:hover\:translate-y-9\/12:hover { + --transform-translate-y: 75%; } - .lg\:focus\:text-green-400:focus { - --text-opacity: 1; - color: #31c48d; - color: rgba(49, 196, 141, var(--text-opacity)); + .lg\:hover\:translate-y-10\/12:hover { + --transform-translate-y: 83.333333%; } - .lg\:focus\:text-green-500:focus { - --text-opacity: 1; - color: #0e9f6e; - color: rgba(14, 159, 110, var(--text-opacity)); + .lg\:hover\:translate-y-11\/12:hover { + --transform-translate-y: 91.666667%; } - .lg\:focus\:text-green-600:focus { - --text-opacity: 1; - color: #057a55; - color: rgba(5, 122, 85, var(--text-opacity)); + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:focus\:text-green-700:focus { - --text-opacity: 1; - color: #046c4e; - color: rgba(4, 108, 78, var(--text-opacity)); + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:focus\:text-green-800:focus { - --text-opacity: 1; - color: #03543f; - color: rgba(3, 84, 63, var(--text-opacity)); + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:focus\:text-green-900:focus { - --text-opacity: 1; - color: #014737; - color: rgba(1, 71, 55, var(--text-opacity)); + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:focus\:text-teal-50:focus { - --text-opacity: 1; - color: #edfafa; - color: rgba(237, 250, 250, var(--text-opacity)); + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:focus\:text-teal-100:focus { - --text-opacity: 1; - color: #d5f5f6; - color: rgba(213, 245, 246, var(--text-opacity)); + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:focus\:text-teal-200:focus { - --text-opacity: 1; - color: #afecef; - color: rgba(175, 236, 239, var(--text-opacity)); + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:focus\:text-teal-300:focus { - --text-opacity: 1; - color: #7edce2; - color: rgba(126, 220, 226, var(--text-opacity)); + .lg\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - - .lg\:focus\:text-teal-400:focus { - --text-opacity: 1; - color: #16bdca; - color: rgba(22, 189, 202, var(--text-opacity)); + + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:focus\:text-teal-500:focus { - --text-opacity: 1; - color: #0694a2; - color: rgba(6, 148, 162, var(--text-opacity)); + .lg\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .lg\:focus\:text-teal-600:focus { - --text-opacity: 1; - color: #047481; - color: rgba(4, 116, 129, var(--text-opacity)); + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:focus\:text-teal-700:focus { - --text-opacity: 1; - color: #036672; - color: rgba(3, 102, 114, var(--text-opacity)); + .lg\:hover\:-translate-y-11:hover { + --transform-translate-y: -2.75rem; } - .lg\:focus\:text-teal-800:focus { - --text-opacity: 1; - color: #05505c; - color: rgba(5, 80, 92, var(--text-opacity)); + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:focus\:text-teal-900:focus { - --text-opacity: 1; - color: #014451; - color: rgba(1, 68, 81, var(--text-opacity)); + .lg\:hover\:-translate-y-13:hover { + --transform-translate-y: -3.25rem; } - .lg\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: #ebf5ff; - color: rgba(235, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .lg\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: #e1effe; - color: rgba(225, 239, 254, var(--text-opacity)); + .lg\:hover\:-translate-y-15:hover { + --transform-translate-y: -3.75rem; } - .lg\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: #c3ddfd; - color: rgba(195, 221, 253, var(--text-opacity)); + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: #a4cafe; - color: rgba(164, 202, 254, var(--text-opacity)); + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: #76a9fa; - color: rgba(118, 169, 250, var(--text-opacity)); + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: #3f83f8; - color: rgba(63, 131, 248, var(--text-opacity)); + .lg\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .lg\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: #1c64f2; - color: rgba(28, 100, 242, var(--text-opacity)); + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: #1a56db; - color: rgba(26, 86, 219, var(--text-opacity)); + .lg\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .lg\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: #1e429f; - color: rgba(30, 66, 159, var(--text-opacity)); + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: #233876; - color: rgba(35, 56, 118, var(--text-opacity)); + .lg\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .lg\:focus\:text-indigo-50:focus { - --text-opacity: 1; - color: #f0f5ff; - color: rgba(240, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:focus\:text-indigo-100:focus { - --text-opacity: 1; - color: #e5edff; - color: rgba(229, 237, 255, var(--text-opacity)); + .lg\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .lg\:focus\:text-indigo-200:focus { - --text-opacity: 1; - color: #cddbfe; - color: rgba(205, 219, 254, var(--text-opacity)); + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:focus\:text-indigo-300:focus { - --text-opacity: 1; - color: #b4c6fc; - color: rgba(180, 198, 252, var(--text-opacity)); + .lg\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .lg\:focus\:text-indigo-400:focus { - --text-opacity: 1; - color: #8da2fb; - color: rgba(141, 162, 251, var(--text-opacity)); + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:focus\:text-indigo-500:focus { - --text-opacity: 1; - color: #6875f5; - color: rgba(104, 117, 245, var(--text-opacity)); + .lg\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .lg\:focus\:text-indigo-600:focus { - --text-opacity: 1; - color: #5850ec; - color: rgba(88, 80, 236, var(--text-opacity)); + .lg\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .lg\:focus\:text-indigo-700:focus { - --text-opacity: 1; - color: #5145cd; - color: rgba(81, 69, 205, var(--text-opacity)); + .lg\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .lg\:focus\:text-indigo-800:focus { - --text-opacity: 1; - color: #42389d; - color: rgba(66, 56, 157, var(--text-opacity)); + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:focus\:text-indigo-900:focus { - --text-opacity: 1; - color: #362f78; - color: rgba(54, 47, 120, var(--text-opacity)); + .lg\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .lg\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: #f6f5ff; - color: rgba(246, 245, 255, var(--text-opacity)); + .lg\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .lg\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: #edebfe; - color: rgba(237, 235, 254, var(--text-opacity)); + .lg\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .lg\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: #dcd7fe; - color: rgba(220, 215, 254, var(--text-opacity)); + .lg\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .lg\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: #cabffd; - color: rgba(202, 191, 253, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .lg\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: #ac94fa; - color: rgba(172, 148, 250, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.33333%; } - .lg\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: #9061f9; - color: rgba(144, 97, 249, var(--text-opacity)); + .lg\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.66667%; } - .lg\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: #7e3af2; - color: rgba(126, 58, 242, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .lg\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: #6c2bd9; - color: rgba(108, 43, 217, var(--text-opacity)); + .lg\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .lg\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: #5521b5; - color: rgba(85, 33, 181, var(--text-opacity)); + .lg\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .lg\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: #4a1d96; - color: rgba(74, 29, 150, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/5:hover { + --transform-translate-y: -20%; } - .lg\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: #fdf2f8; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:-translate-y-2\/5:hover { + --transform-translate-y: -40%; } - .lg\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: #fce8f3; - color: rgba(252, 232, 243, var(--text-opacity)); + .lg\:hover\:-translate-y-3\/5:hover { + --transform-translate-y: -60%; } - .lg\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: #fad1e8; - color: rgba(250, 209, 232, var(--text-opacity)); + .lg\:hover\:-translate-y-4\/5:hover { + --transform-translate-y: -80%; } - .lg\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: #f8b4d9; - color: rgba(248, 180, 217, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/6:hover { + --transform-translate-y: -16.66667%; } - .lg\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: #f17eb8; - color: rgba(241, 126, 184, var(--text-opacity)); + .lg\:hover\:-translate-y-2\/6:hover { + --transform-translate-y: -33.33333%; } - .lg\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: #e74694; - color: rgba(231, 70, 148, var(--text-opacity)); + .lg\:hover\:-translate-y-3\/6:hover { + --transform-translate-y: -50%; } - .lg\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: #d61f69; - color: rgba(214, 31, 105, var(--text-opacity)); + .lg\:hover\:-translate-y-4\/6:hover { + --transform-translate-y: -66.66667%; } - .lg\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: #bf125d; - color: rgba(191, 18, 93, var(--text-opacity)); + .lg\:hover\:-translate-y-5\/6:hover { + --transform-translate-y: -83.33333%; } - .lg\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: #99154b; - color: rgba(153, 21, 75, var(--text-opacity)); + .lg\:hover\:-translate-y-1\/12:hover { + --transform-translate-y: -8.33333%; } - .lg\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: #751a3d; - color: rgba(117, 26, 61, var(--text-opacity)); + .lg\:hover\:-translate-y-2\/12:hover { + --transform-translate-y: -16.66667%; } - .lg\:text-opacity-0 { - --text-opacity: 0; + .lg\:hover\:-translate-y-3\/12:hover { + --transform-translate-y: -25%; } - .lg\:text-opacity-25 { - --text-opacity: 0.25; + .lg\:hover\:-translate-y-4\/12:hover { + --transform-translate-y: -33.33333%; } - .lg\:text-opacity-50 { - --text-opacity: 0.5; + .lg\:hover\:-translate-y-5\/12:hover { + --transform-translate-y: -41.66667%; } - .lg\:text-opacity-75 { - --text-opacity: 0.75; + .lg\:hover\:-translate-y-6\/12:hover { + --transform-translate-y: -50%; } - .lg\:text-opacity-100 { - --text-opacity: 1; + .lg\:hover\:-translate-y-7\/12:hover { + --transform-translate-y: -58.33333%; } - .lg\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .lg\:hover\:-translate-y-8\/12:hover { + --transform-translate-y: -66.66667%; } - .lg\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .lg\:hover\:-translate-y-9\/12:hover { + --transform-translate-y: -75%; } - .lg\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .lg\:hover\:-translate-y-10\/12:hover { + --transform-translate-y: -83.33333%; } - .lg\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .lg\:hover\:-translate-y-11\/12:hover { + --transform-translate-y: -91.66667%; } - .lg\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .lg\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .lg\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .lg\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .lg\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .lg\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .lg\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .lg\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .lg\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .lg\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .lg\:italic { - font-style: italic; + .lg\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .lg\:not-italic { - font-style: normal; + .lg\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .lg\:uppercase { - text-transform: uppercase; + .lg\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .lg\:lowercase { - text-transform: lowercase; + .lg\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .lg\:capitalize { - text-transform: capitalize; + .lg\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .lg\:normal-case { - text-transform: none; + .lg\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .lg\:underline { - text-decoration: underline; + .lg\:focus\:translate-x-11:focus { + --transform-translate-x: 2.75rem; } - .lg\:line-through { - text-decoration: line-through; + .lg\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .lg\:no-underline { - text-decoration: none; + .lg\:focus\:translate-x-13:focus { + --transform-translate-x: 3.25rem; } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:focus\:translate-x-15:focus { + --transform-translate-x: 3.75rem; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .lg\:select-none { - user-select: none; + .lg\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .lg\:select-text { - user-select: text; + .lg\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .lg\:select-all { - user-select: all; + .lg\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .lg\:select-auto { - user-select: auto; + .lg\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .lg\:align-top { - vertical-align: top; + .lg\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .lg\:align-middle { - vertical-align: middle; + .lg\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .lg\:visible { - visibility: visible; + .lg\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .lg\:invisible { - visibility: hidden; + .lg\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .lg\:whitespace-normal { - white-space: normal; + .lg\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .lg\:whitespace-pre { - white-space: pre; + .lg\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:focus\:translate-x-1\/5:focus { + --transform-translate-x: 20%; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:focus\:translate-x-2\/5:focus { + --transform-translate-x: 40%; } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:focus\:translate-x-3\/5:focus { + --transform-translate-x: 60%; } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:focus\:translate-x-4\/5:focus { + --transform-translate-x: 80%; } - .lg\:break-all { - word-break: break-all; + .lg\:focus\:translate-x-1\/6:focus { + --transform-translate-x: 16.666667%; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:focus\:translate-x-2\/6:focus { + --transform-translate-x: 33.333333%; } - .lg\:w-0 { - width: 0; + .lg\:focus\:translate-x-3\/6:focus { + --transform-translate-x: 50%; } - .lg\:w-1 { - width: 0.25rem; + .lg\:focus\:translate-x-4\/6:focus { + --transform-translate-x: 66.666667%; } - .lg\:w-2 { - width: 0.5rem; + .lg\:focus\:translate-x-5\/6:focus { + --transform-translate-x: 83.333333%; } - .lg\:w-3 { - width: 0.75rem; + .lg\:focus\:translate-x-1\/12:focus { + --transform-translate-x: 8.333333%; } - .lg\:w-4 { - width: 1rem; + .lg\:focus\:translate-x-2\/12:focus { + --transform-translate-x: 16.666667%; } - .lg\:w-5 { - width: 1.25rem; + .lg\:focus\:translate-x-3\/12:focus { + --transform-translate-x: 25%; } - .lg\:w-6 { - width: 1.5rem; + .lg\:focus\:translate-x-4\/12:focus { + --transform-translate-x: 33.333333%; } - .lg\:w-7 { - width: 1.75rem; + .lg\:focus\:translate-x-5\/12:focus { + --transform-translate-x: 41.666667%; } - .lg\:w-8 { - width: 2rem; + .lg\:focus\:translate-x-6\/12:focus { + --transform-translate-x: 50%; } - .lg\:w-9 { - width: 2.25rem; + .lg\:focus\:translate-x-7\/12:focus { + --transform-translate-x: 58.333333%; } - .lg\:w-10 { - width: 2.5rem; + .lg\:focus\:translate-x-8\/12:focus { + --transform-translate-x: 66.666667%; } - .lg\:w-11 { - width: 2.75rem; + .lg\:focus\:translate-x-9\/12:focus { + --transform-translate-x: 75%; } - .lg\:w-12 { - width: 3rem; + .lg\:focus\:translate-x-10\/12:focus { + --transform-translate-x: 83.333333%; } - .lg\:w-13 { - width: 3.25rem; + .lg\:focus\:translate-x-11\/12:focus { + --transform-translate-x: 91.666667%; } - .lg\:w-14 { - width: 3.5rem; + .lg\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .lg\:w-15 { - width: 3.75rem; + .lg\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .lg\:w-16 { - width: 4rem; + .lg\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .lg\:w-20 { - width: 5rem; + .lg\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .lg\:w-24 { - width: 6rem; + .lg\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .lg\:w-28 { - width: 7rem; + .lg\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .lg\:w-32 { - width: 8rem; + .lg\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .lg\:w-36 { - width: 9rem; + .lg\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .lg\:w-40 { - width: 10rem; + .lg\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .lg\:w-44 { - width: 11rem; + .lg\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .lg\:w-48 { - width: 12rem; + .lg\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .lg\:w-52 { - width: 13rem; + .lg\:focus\:-translate-x-11:focus { + --transform-translate-x: -2.75rem; } - .lg\:w-56 { - width: 14rem; + .lg\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .lg\:w-60 { - width: 15rem; + .lg\:focus\:-translate-x-13:focus { + --transform-translate-x: -3.25rem; } - .lg\:w-64 { - width: 16rem; + .lg\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .lg\:w-72 { - width: 18rem; + .lg\:focus\:-translate-x-15:focus { + --transform-translate-x: -3.75rem; } - .lg\:w-80 { - width: 20rem; + .lg\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .lg\:w-96 { - width: 24rem; + .lg\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .lg\:w-auto { - width: auto; + .lg\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .lg\:w-px { - width: 1px; + .lg\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .lg\:w-0\.5 { - width: 0.125rem; + .lg\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .lg\:w-1\.5 { - width: 0.375rem; + .lg\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .lg\:w-2\.5 { - width: 0.625rem; + .lg\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .lg\:w-3\.5 { - width: 0.875rem; + .lg\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .lg\:w-1\/2 { - width: 50%; + .lg\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .lg\:w-1\/4 { - width: 25%; + .lg\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .lg\:w-2\/4 { - width: 50%; + .lg\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .lg\:w-3\/4 { - width: 75%; + .lg\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .lg\:w-1\/5 { - width: 20%; + .lg\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .lg\:w-2\/5 { - width: 40%; + .lg\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .lg\:w-3\/5 { - width: 60%; + .lg\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .lg\:w-4\/5 { - width: 80%; + .lg\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .lg\:w-3\/6 { - width: 50%; + .lg\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.33333%; } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.66667%; } - .lg\:w-2\/12 { - width: 16.666667%; + .lg\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .lg\:w-3\/12 { - width: 25%; + .lg\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .lg\:w-4\/12 { - width: 33.333333%; + .lg\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .lg\:w-5\/12 { - width: 41.666667%; + .lg\:focus\:-translate-x-1\/5:focus { + --transform-translate-x: -20%; } - .lg\:w-6\/12 { - width: 50%; + .lg\:focus\:-translate-x-2\/5:focus { + --transform-translate-x: -40%; } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:focus\:-translate-x-3\/5:focus { + --transform-translate-x: -60%; } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:focus\:-translate-x-4\/5:focus { + --transform-translate-x: -80%; } - .lg\:w-9\/12 { - width: 75%; + .lg\:focus\:-translate-x-1\/6:focus { + --transform-translate-x: -16.66667%; } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:focus\:-translate-x-2\/6:focus { + --transform-translate-x: -33.33333%; } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:focus\:-translate-x-3\/6:focus { + --transform-translate-x: -50%; } - .lg\:w-full { - width: 100%; + .lg\:focus\:-translate-x-4\/6:focus { + --transform-translate-x: -66.66667%; } - .lg\:w-screen { - width: 100vw; + .lg\:focus\:-translate-x-5\/6:focus { + --transform-translate-x: -83.33333%; } - .lg\:w-min-content { - width: min-content; + .lg\:focus\:-translate-x-1\/12:focus { + --transform-translate-x: -8.33333%; } - .lg\:w-max-content { - width: max-content; + .lg\:focus\:-translate-x-2\/12:focus { + --transform-translate-x: -16.66667%; } - .lg\:z-0 { - z-index: 0; + .lg\:focus\:-translate-x-3\/12:focus { + --transform-translate-x: -25%; } - .lg\:z-10 { - z-index: 10; + .lg\:focus\:-translate-x-4\/12:focus { + --transform-translate-x: -33.33333%; } - .lg\:z-20 { - z-index: 20; + .lg\:focus\:-translate-x-5\/12:focus { + --transform-translate-x: -41.66667%; } - .lg\:z-30 { - z-index: 30; + .lg\:focus\:-translate-x-6\/12:focus { + --transform-translate-x: -50%; } - .lg\:z-40 { - z-index: 40; + .lg\:focus\:-translate-x-7\/12:focus { + --transform-translate-x: -58.33333%; } - .lg\:z-50 { - z-index: 50; + .lg\:focus\:-translate-x-8\/12:focus { + --transform-translate-x: -66.66667%; } - .lg\:z-auto { - z-index: auto; + .lg\:focus\:-translate-x-9\/12:focus { + --transform-translate-x: -75%; } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:focus\:-translate-x-10\/12:focus { + --transform-translate-x: -83.33333%; } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:focus\:-translate-x-11\/12:focus { + --transform-translate-x: -91.66667%; } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .lg\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .lg\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .lg\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .lg\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .lg\:gap-11 { - grid-gap: 2.75rem; - gap: 2.75rem; + .lg\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .lg\:gap-13 { - grid-gap: 3.25rem; - gap: 3.25rem; + .lg\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .lg\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .lg\:focus\:translate-y-11:focus { + --transform-translate-y: 2.75rem; } - .lg\:gap-15 { - grid-gap: 3.75rem; - gap: 3.75rem; + .lg\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:focus\:translate-y-13:focus { + --transform-translate-y: 3.25rem; } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:focus\:translate-y-15:focus { + --transform-translate-y: 3.75rem; } - .lg\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .lg\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .lg\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .lg\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .lg\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .lg\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .lg\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .lg\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .lg\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .lg\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .lg\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .lg\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .lg\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .lg\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .lg\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .lg\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .lg\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .lg\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .lg\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .lg\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .lg\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .lg\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .lg\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .lg\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .lg\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .lg\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .lg\:gap-1\/2 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .lg\:gap-1\/3 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .lg\:gap-2\/3 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .lg\:gap-1\/4 { - grid-gap: 25%; - gap: 25%; + .lg\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .lg\:gap-2\/4 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .lg\:gap-3\/4 { - grid-gap: 75%; - gap: 75%; + .lg\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .lg\:gap-1\/5 { - grid-gap: 20%; - gap: 20%; + .lg\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .lg\:gap-2\/5 { - grid-gap: 40%; - gap: 40%; + .lg\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .lg\:gap-3\/5 { - grid-gap: 60%; - gap: 60%; + .lg\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .lg\:gap-4\/5 { - grid-gap: 80%; - gap: 80%; + .lg\:focus\:translate-y-1\/5:focus { + --transform-translate-y: 20%; } - .lg\:gap-1\/6 { - grid-gap: 16.666667%; - gap: 16.666667%; + .lg\:focus\:translate-y-2\/5:focus { + --transform-translate-y: 40%; } - .lg\:gap-2\/6 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:translate-y-3\/5:focus { + --transform-translate-y: 60%; } - .lg\:gap-3\/6 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:translate-y-4\/5:focus { + --transform-translate-y: 80%; } - .lg\:gap-4\/6 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:translate-y-1\/6:focus { + --transform-translate-y: 16.666667%; } - .lg\:gap-5\/6 { - grid-gap: 83.333333%; - gap: 83.333333%; + .lg\:focus\:translate-y-2\/6:focus { + --transform-translate-y: 33.333333%; } - .lg\:gap-1\/12 { - grid-gap: 8.333333%; - gap: 8.333333%; + .lg\:focus\:translate-y-3\/6:focus { + --transform-translate-y: 50%; } - .lg\:gap-2\/12 { - grid-gap: 16.666667%; - gap: 16.666667%; + .lg\:focus\:translate-y-4\/6:focus { + --transform-translate-y: 66.666667%; } - .lg\:gap-3\/12 { - grid-gap: 25%; - gap: 25%; + .lg\:focus\:translate-y-5\/6:focus { + --transform-translate-y: 83.333333%; } - .lg\:gap-4\/12 { - grid-gap: 33.333333%; - gap: 33.333333%; + .lg\:focus\:translate-y-1\/12:focus { + --transform-translate-y: 8.333333%; } - .lg\:gap-5\/12 { - grid-gap: 41.666667%; - gap: 41.666667%; + .lg\:focus\:translate-y-2\/12:focus { + --transform-translate-y: 16.666667%; } - .lg\:gap-6\/12 { - grid-gap: 50%; - gap: 50%; + .lg\:focus\:translate-y-3\/12:focus { + --transform-translate-y: 25%; } - .lg\:gap-7\/12 { - grid-gap: 58.333333%; - gap: 58.333333%; + .lg\:focus\:translate-y-4\/12:focus { + --transform-translate-y: 33.333333%; } - .lg\:gap-8\/12 { - grid-gap: 66.666667%; - gap: 66.666667%; + .lg\:focus\:translate-y-5\/12:focus { + --transform-translate-y: 41.666667%; } - .lg\:gap-9\/12 { - grid-gap: 75%; - gap: 75%; + .lg\:focus\:translate-y-6\/12:focus { + --transform-translate-y: 50%; } - .lg\:gap-10\/12 { - grid-gap: 83.333333%; - gap: 83.333333%; + .lg\:focus\:translate-y-7\/12:focus { + --transform-translate-y: 58.333333%; } - .lg\:gap-11\/12 { - grid-gap: 91.666667%; - gap: 91.666667%; + .lg\:focus\:translate-y-8\/12:focus { + --transform-translate-y: 66.666667%; } - .lg\:gap-full { - grid-gap: 100%; - gap: 100%; + .lg\:focus\:translate-y-9\/12:focus { + --transform-translate-y: 75%; } - .lg\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:focus\:translate-y-10\/12:focus { + --transform-translate-y: 83.333333%; } - .lg\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:focus\:translate-y-11\/12:focus { + --transform-translate-y: 91.666667%; } - .lg\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .lg\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .lg\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .lg\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .lg\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .lg\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .lg\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .lg\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .lg\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .lg\:gap-x-11 { - grid-column-gap: 2.75rem; - column-gap: 2.75rem; + .lg\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .lg\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .lg\:gap-x-13 { - grid-column-gap: 3.25rem; - column-gap: 3.25rem; + .lg\:focus\:-translate-y-11:focus { + --transform-translate-y: -2.75rem; } - .lg\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .lg\:gap-x-15 { - grid-column-gap: 3.75rem; - column-gap: 3.75rem; + .lg\:focus\:-translate-y-13:focus { + --transform-translate-y: -3.25rem; } - .lg\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .lg\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:focus\:-translate-y-15:focus { + --transform-translate-y: -3.75rem; } - .lg\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .lg\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .lg\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .lg\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .lg\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .lg\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .lg\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .lg\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .lg\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .lg\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .lg\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .lg\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .lg\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .lg\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .lg\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .lg\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .lg\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .lg\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .lg\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .lg\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .lg\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .lg\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .lg\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .lg\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .lg\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .lg\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .lg\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .lg\:gap-x-1\/2 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .lg\:gap-x-1\/3 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .lg\:gap-x-2\/3 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .lg\:gap-x-1\/4 { - grid-column-gap: 25%; - column-gap: 25%; + .lg\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.33333%; } - .lg\:gap-x-2\/4 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.66667%; } - .lg\:gap-x-3\/4 { - grid-column-gap: 75%; - column-gap: 75%; + .lg\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .lg\:gap-x-1\/5 { - grid-column-gap: 20%; - column-gap: 20%; + .lg\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .lg\:gap-x-2\/5 { - grid-column-gap: 40%; - column-gap: 40%; + .lg\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .lg\:gap-x-3\/5 { - grid-column-gap: 60%; - column-gap: 60%; + .lg\:focus\:-translate-y-1\/5:focus { + --transform-translate-y: -20%; } - .lg\:gap-x-4\/5 { - grid-column-gap: 80%; - column-gap: 80%; + .lg\:focus\:-translate-y-2\/5:focus { + --transform-translate-y: -40%; } - .lg\:gap-x-1\/6 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .lg\:focus\:-translate-y-3\/5:focus { + --transform-translate-y: -60%; } - .lg\:gap-x-2\/6 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:-translate-y-4\/5:focus { + --transform-translate-y: -80%; } - .lg\:gap-x-3\/6 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:-translate-y-1\/6:focus { + --transform-translate-y: -16.66667%; } - .lg\:gap-x-4\/6 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:-translate-y-2\/6:focus { + --transform-translate-y: -33.33333%; } - .lg\:gap-x-5\/6 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .lg\:focus\:-translate-y-3\/6:focus { + --transform-translate-y: -50%; } - .lg\:gap-x-1\/12 { - grid-column-gap: 8.333333%; - column-gap: 8.333333%; + .lg\:focus\:-translate-y-4\/6:focus { + --transform-translate-y: -66.66667%; } - .lg\:gap-x-2\/12 { - grid-column-gap: 16.666667%; - column-gap: 16.666667%; + .lg\:focus\:-translate-y-5\/6:focus { + --transform-translate-y: -83.33333%; } - .lg\:gap-x-3\/12 { - grid-column-gap: 25%; - column-gap: 25%; + .lg\:focus\:-translate-y-1\/12:focus { + --transform-translate-y: -8.33333%; } - .lg\:gap-x-4\/12 { - grid-column-gap: 33.333333%; - column-gap: 33.333333%; + .lg\:focus\:-translate-y-2\/12:focus { + --transform-translate-y: -16.66667%; } - .lg\:gap-x-5\/12 { - grid-column-gap: 41.666667%; - column-gap: 41.666667%; + .lg\:focus\:-translate-y-3\/12:focus { + --transform-translate-y: -25%; } - .lg\:gap-x-6\/12 { - grid-column-gap: 50%; - column-gap: 50%; + .lg\:focus\:-translate-y-4\/12:focus { + --transform-translate-y: -33.33333%; } - .lg\:gap-x-7\/12 { - grid-column-gap: 58.333333%; - column-gap: 58.333333%; + .lg\:focus\:-translate-y-5\/12:focus { + --transform-translate-y: -41.66667%; } - .lg\:gap-x-8\/12 { - grid-column-gap: 66.666667%; - column-gap: 66.666667%; + .lg\:focus\:-translate-y-6\/12:focus { + --transform-translate-y: -50%; } - .lg\:gap-x-9\/12 { - grid-column-gap: 75%; - column-gap: 75%; + .lg\:focus\:-translate-y-7\/12:focus { + --transform-translate-y: -58.33333%; } - .lg\:gap-x-10\/12 { - grid-column-gap: 83.333333%; - column-gap: 83.333333%; + .lg\:focus\:-translate-y-8\/12:focus { + --transform-translate-y: -66.66667%; } - .lg\:gap-x-11\/12 { - grid-column-gap: 91.666667%; - column-gap: 91.666667%; + .lg\:focus\:-translate-y-9\/12:focus { + --transform-translate-y: -75%; } - .lg\:gap-x-full { - grid-column-gap: 100%; - column-gap: 100%; + .lg\:focus\:-translate-y-10\/12:focus { + --transform-translate-y: -83.33333%; } - .lg\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:focus\:-translate-y-11\/12:focus { + --transform-translate-y: -91.66667%; } - .lg\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .lg\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:gap-y-11 { - grid-row-gap: 2.75rem; - row-gap: 2.75rem; + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:gap-y-13 { - grid-row-gap: 3.25rem; - row-gap: 3.25rem; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:gap-y-15 { - grid-row-gap: 3.75rem; - row-gap: 3.75rem; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:gap-y-1\/2 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:gap-y-1\/3 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:gap-y-2\/3 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:gap-y-1\/4 { - grid-row-gap: 25%; - row-gap: 25%; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:gap-y-2\/4 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:gap-y-3\/4 { - grid-row-gap: 75%; - row-gap: 75%; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:gap-y-1\/5 { - grid-row-gap: 20%; - row-gap: 20%; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:gap-y-2\/5 { - grid-row-gap: 40%; - row-gap: 40%; + .lg\:transition-none { + transition-property: none; } - .lg\:gap-y-3\/5 { - grid-row-gap: 60%; - row-gap: 60%; + .lg\:transition-all { + transition-property: all; } - .lg\:gap-y-4\/5 { - grid-row-gap: 80%; - row-gap: 80%; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:gap-y-1\/6 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:gap-y-2\/6 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:transition-opacity { + transition-property: opacity; } - .lg\:gap-y-3\/6 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:transition-shadow { + transition-property: box-shadow; } - .lg\:gap-y-4\/6 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:transition-transform { + transition-property: transform; } - .lg\:gap-y-5\/6 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .lg\:ease-linear { + transition-timing-function: linear; } - .lg\:gap-y-1\/12 { - grid-row-gap: 8.333333%; - row-gap: 8.333333%; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:gap-y-2\/12 { - grid-row-gap: 16.666667%; - row-gap: 16.666667%; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:gap-y-3\/12 { - grid-row-gap: 25%; - row-gap: 25%; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:gap-y-4\/12 { - grid-row-gap: 33.333333%; - row-gap: 33.333333%; + .lg\:duration-75 { + transition-duration: 75ms; } - .lg\:gap-y-5\/12 { - grid-row-gap: 41.666667%; - row-gap: 41.666667%; + .lg\:duration-100 { + transition-duration: 100ms; } - .lg\:gap-y-6\/12 { - grid-row-gap: 50%; - row-gap: 50%; + .lg\:duration-150 { + transition-duration: 150ms; } - .lg\:gap-y-7\/12 { - grid-row-gap: 58.333333%; - row-gap: 58.333333%; + .lg\:duration-200 { + transition-duration: 200ms; } - .lg\:gap-y-8\/12 { - grid-row-gap: 66.666667%; - row-gap: 66.666667%; + .lg\:duration-300 { + transition-duration: 300ms; } - .lg\:gap-y-9\/12 { - grid-row-gap: 75%; - row-gap: 75%; + .lg\:duration-500 { + transition-duration: 500ms; } - .lg\:gap-y-10\/12 { - grid-row-gap: 83.333333%; - row-gap: 83.333333%; + .lg\:duration-700 { + transition-duration: 700ms; } - .lg\:gap-y-11\/12 { - grid-row-gap: 91.666667%; - row-gap: 91.666667%; + .lg\:duration-1000 { + transition-duration: 1000ms; } - .lg\:gap-y-full { - grid-row-gap: 100%; - row-gap: 100%; + .lg\:delay-75 { + transition-delay: 75ms; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:delay-100 { + transition-delay: 100ms; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:delay-150 { + transition-delay: 150ms; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:delay-200 { + transition-delay: 200ms; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:delay-300 { + transition-delay: 300ms; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:delay-500 { + transition-delay: 500ms; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:delay-700 { + transition-delay: 700ms; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:delay-1000 { + transition-delay: 1000ms; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:animate-none { + animation: none; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:animate-spin { + animation: spin 1s linear infinite; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:animate-bounce { + animation: bounce 1s infinite; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:example { + font-weight: 700; + color: #f05252; } +} - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; + } } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; + } } - .lg\:grid-cols-none { - grid-template-columns: none; + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; + } } - .lg\:col-auto { - grid-column: auto; + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; + } } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0px * var(--space-y-reverse)); } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-1 { - grid-column-start: 1; + .xl\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .lg\:col-start-2 { - grid-column-start: 2; + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-3 { - grid-column-start: 3; + .xl\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.75rem * var(--space-y-reverse)); } - .lg\:col-start-4 { - grid-column-start: 4; + .xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.75rem * var(--space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-5 { - grid-column-start: 5; + .xl\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .lg\:col-start-6 { - grid-column-start: 6; + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-7 { - grid-column-start: 7; + .xl\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.25rem * var(--space-y-reverse)); } - .lg\:col-start-8 { - grid-column-start: 8; + .xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.25rem * var(--space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-9 { - grid-column-start: 9; + .xl\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .lg\:col-start-10 { - grid-column-start: 10; + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-11 { - grid-column-start: 11; + .xl\:space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.75rem * var(--space-y-reverse)); } - .lg\:col-start-12 { - grid-column-start: 12; + .xl\:space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.75rem * var(--space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-start-13 { - grid-column-start: 13; + .xl\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .lg\:col-start-auto { - grid-column-start: auto; + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-1 { - grid-column-end: 1; + .xl\:space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.25rem * var(--space-y-reverse)); } - .lg\:col-end-2 { - grid-column-end: 2; + .xl\:space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.25rem * var(--space-x-reverse)); + margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-3 { - grid-column-end: 3; + .xl\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.5rem * var(--space-y-reverse)); } - .lg\:col-end-4 { - grid-column-end: 4; + .xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.5rem * var(--space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-5 { - grid-column-end: 5; + .xl\:space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3.75rem * var(--space-y-reverse)); + } + + .xl\:space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3.75rem * var(--space-x-reverse)); + margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-6 { - grid-column-end: 6; + .xl\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .lg\:col-end-7 { - grid-column-end: 7; + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-8 { - grid-column-end: 8; + .xl\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .lg\:col-end-9 { - grid-column-end: 9; + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-10 { - grid-column-end: 10; + .xl\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .lg\:col-end-11 { - grid-column-end: 11; + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-12 { - grid-column-end: 12; + .xl\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(7rem * var(--space-y-reverse)); } - .lg\:col-end-13 { - grid-column-end: 13; + .xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(7rem * var(--space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); } - .lg\:col-end-auto { - grid-column-end: auto; + .xl\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(9rem * var(--space-y-reverse)); } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(9rem * var(--space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(11rem * var(--space-y-reverse)); } - .lg\:grid-rows-none { - grid-template-rows: none; + .xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(11rem * var(--space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-auto { - grid-row: auto; + .xl\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(13rem * var(--space-y-reverse)); } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(13rem * var(--space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(15rem * var(--space-y-reverse)); } - .lg\:row-start-1 { - grid-row-start: 1; + .xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(15rem * var(--space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-start-2 { - grid-row-start: 2; + .xl\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .lg\:row-start-3 { - grid-row-start: 3; + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-start-4 { - grid-row-start: 4; + .xl\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(18rem * var(--space-y-reverse)); } - .lg\:row-start-5 { - grid-row-start: 5; + .xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(18rem * var(--space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-start-6 { - grid-row-start: 6; + .xl\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20rem * var(--space-y-reverse)); } - .lg\:row-start-7 { - grid-row-start: 7; + .xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20rem * var(--space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-start-auto { - grid-row-start: auto; + .xl\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(24rem * var(--space-y-reverse)); } - .lg\:row-end-1 { - grid-row-end: 1; + .xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(24rem * var(--space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-end-2 { - grid-row-end: 2; + .xl\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .lg\:row-end-3 { - grid-row-end: 3; + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .lg\:row-end-4 { - grid-row-end: 4; + .xl\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.125rem * var(--space-y-reverse)); } - .lg\:row-end-5 { - grid-row-end: 5; + .xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.125rem * var(--space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-end-6 { - grid-row-end: 6; + .xl\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.375rem * var(--space-y-reverse)); } - .lg\:row-end-7 { - grid-row-end: 7; + .xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.375rem * var(--space-x-reverse)); + margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:row-end-auto { - grid-row-end: auto; + .xl\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.625rem * var(--space-y-reverse)); } - .lg\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.625rem * var(--space-x-reverse)); + margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:transform-none { - transform: none; + .xl\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.875rem * var(--space-y-reverse)); } - .lg\:origin-center { - transform-origin: center; + .xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.875rem * var(--space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:origin-top { - transform-origin: top; + .xl\:space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .lg\:origin-top-right { - transform-origin: top right; + .xl\:space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .lg\:origin-right { - transform-origin: right; + .xl\:space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .xl\:space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:origin-bottom { - transform-origin: bottom; + .xl\:space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .xl\:space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:origin-left { - transform-origin: left; + .xl\:space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .lg\:origin-top-left { - transform-origin: top left; + .xl\:space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(20% * var(--space-y-reverse)); } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(20% * var(--space-x-reverse)); + margin-left: calc(20% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(40% * var(--space-y-reverse)); } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(40% * var(--space-x-reverse)); + margin-left: calc(40% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(60% * var(--space-y-reverse)); } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(60% * var(--space-x-reverse)); + margin-left: calc(60% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .xl\:space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(80% * var(--space-y-reverse)); } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .xl\:space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(80% * var(--space-x-reverse)); + margin-left: calc(80% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .xl\:space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .xl\:space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .xl\:space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .xl\:space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .xl\:space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .xl\:space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .xl\:space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .xl\:space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .xl\:space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .xl\:space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .xl\:space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8.333333% * var(--space-y-reverse)); } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .xl\:space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8.333333% * var(--space-x-reverse)); + margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .xl\:space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16.666667% * var(--space-y-reverse)); } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .xl\:space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16.666667% * var(--space-x-reverse)); + margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .xl\:space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(25% * var(--space-y-reverse)); } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .xl\:space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(25% * var(--space-x-reverse)); + margin-left: calc(25% * calc(1 - var(--space-x-reverse))); } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .xl\:space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(33.333333% * var(--space-y-reverse)); } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .xl\:space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(33.333333% * var(--space-x-reverse)); + margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(41.666667% * var(--space-y-reverse)); } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(41.666667% * var(--space-x-reverse)); + margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(50% * var(--space-y-reverse)); } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(50% * var(--space-x-reverse)); + margin-left: calc(50% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(58.333333% * var(--space-y-reverse)); } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(58.333333% * var(--space-x-reverse)); + margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(66.666667% * var(--space-y-reverse)); } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(66.666667% * var(--space-x-reverse)); + margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(75% * var(--space-y-reverse)); } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(75% * var(--space-x-reverse)); + margin-left: calc(75% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .xl\:space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(83.333333% * var(--space-y-reverse)); } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .xl\:space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(83.333333% * var(--space-x-reverse)); + margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .xl\:space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(91.666667% * var(--space-y-reverse)); } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .xl\:space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(91.666667% * var(--space-x-reverse)); + margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .xl\:space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(100% * var(--space-y-reverse)); } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .xl\:space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(100% * var(--space-x-reverse)); + margin-left: calc(100% * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .xl\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .xl\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .xl\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .xl\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .xl\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .xl\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .xl\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--space-y-reverse)); } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--space-y-reverse)); } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-space-y-11 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--space-y-reverse)); } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-space-x-11 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .xl\:-space-y-13 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.25rem * var(--space-y-reverse)); } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .xl\:-space-x-13 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.25rem * var(--space-x-reverse)); + margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .xl\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--space-y-reverse)); } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .xl\:-space-y-15 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3.75rem * var(--space-y-reverse)); } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .xl\:-space-x-15 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3.75rem * var(--space-x-reverse)); + margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .xl\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .xl\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .xl\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .xl\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-7rem * var(--space-y-reverse)); } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-7rem * var(--space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .xl\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .xl\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-9rem * var(--space-y-reverse)); } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-9rem * var(--space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .xl\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .lg\:rotate-0 { - --transform-rotate: 0; + .xl\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-11rem * var(--space-y-reverse)); } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-11rem * var(--space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .xl\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .xl\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-13rem * var(--space-y-reverse)); } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-13rem * var(--space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .xl\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .xl\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-15rem * var(--space-y-reverse)); } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-15rem * var(--space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .xl\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .xl\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-18rem * var(--space-y-reverse)); } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-18rem * var(--space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .xl\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20rem * var(--space-y-reverse)); } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20rem * var(--space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .xl\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-24rem * var(--space-y-reverse)); } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-24rem * var(--space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .xl\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .xl\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.125rem * var(--space-y-reverse)); } - .lg\:translate-x-0 { - --transform-translate-x: 0; + .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-1 { - --transform-translate-x: 0.25rem; + .xl\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.375rem * var(--space-y-reverse)); } - .lg\:translate-x-2 { - --transform-translate-x: 0.5rem; + .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.375rem * var(--space-x-reverse)); + margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-3 { - --transform-translate-x: 0.75rem; + .xl\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.625rem * var(--space-y-reverse)); } - .lg\:translate-x-4 { - --transform-translate-x: 1rem; + .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.625rem * var(--space-x-reverse)); + margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-5 { - --transform-translate-x: 1.25rem; + .xl\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--space-y-reverse)); } - .lg\:translate-x-6 { - --transform-translate-x: 1.5rem; + .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-7 { - --transform-translate-x: 1.75rem; + .xl\:-space-y-1\/2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .lg\:translate-x-8 { - --transform-translate-x: 2rem; + .xl\:-space-x-1\/2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-9 { - --transform-translate-x: 2.25rem; + .xl\:-space-y-1\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .lg\:translate-x-10 { - --transform-translate-x: 2.5rem; + .xl\:-space-x-1\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-11 { - --transform-translate-x: 2.75rem; + .xl\:-space-y-2\/3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .lg\:translate-x-12 { - --transform-translate-x: 3rem; + .xl\:-space-x-2\/3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-13 { - --transform-translate-x: 3.25rem; + .xl\:-space-y-1\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .lg\:translate-x-14 { - --transform-translate-x: 3.5rem; + .xl\:-space-x-1\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-15 { - --transform-translate-x: 3.75rem; + .xl\:-space-y-2\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .lg\:translate-x-16 { - --transform-translate-x: 4rem; + .xl\:-space-x-2\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-20 { - --transform-translate-x: 5rem; + .xl\:-space-y-3\/4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .lg\:translate-x-24 { - --transform-translate-x: 6rem; + .xl\:-space-x-3\/4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-28 { - --transform-translate-x: 7rem; + .xl\:-space-y-1\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-20% * var(--space-y-reverse)); } - .lg\:translate-x-32 { - --transform-translate-x: 8rem; + .xl\:-space-x-1\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-20% * var(--space-x-reverse)); + margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-36 { - --transform-translate-x: 9rem; + .xl\:-space-y-2\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-40% * var(--space-y-reverse)); } - .lg\:translate-x-40 { - --transform-translate-x: 10rem; + .xl\:-space-x-2\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-40% * var(--space-x-reverse)); + margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-44 { - --transform-translate-x: 11rem; + .xl\:-space-y-3\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-60% * var(--space-y-reverse)); } - .lg\:translate-x-48 { - --transform-translate-x: 12rem; + .xl\:-space-x-3\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-60% * var(--space-x-reverse)); + margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-52 { - --transform-translate-x: 13rem; + .xl\:-space-y-4\/5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-80% * var(--space-y-reverse)); } - .lg\:translate-x-56 { - --transform-translate-x: 14rem; + .xl\:-space-x-4\/5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-80% * var(--space-x-reverse)); + margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-60 { - --transform-translate-x: 15rem; + .xl\:-space-y-1\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .lg\:translate-x-64 { - --transform-translate-x: 16rem; + .xl\:-space-x-1\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-72 { - --transform-translate-x: 18rem; + .xl\:-space-y-2\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .lg\:translate-x-80 { - --transform-translate-x: 20rem; + .xl\:-space-x-2\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-96 { - --transform-translate-x: 24rem; + .xl\:-space-y-3\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .lg\:translate-x-px { - --transform-translate-x: 1px; + .xl\:-space-x-3\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .xl\:-space-y-4\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .lg\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .xl\:-space-x-4\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .xl\:-space-y-5\/6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .lg\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .xl\:-space-x-5\/6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-1\/2 { - --transform-translate-x: 50%; + .xl\:-space-y-1\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8.33333% * var(--space-y-reverse)); } - .lg\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .xl\:-space-x-1\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8.33333% * var(--space-x-reverse)); + margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .xl\:-space-y-2\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16.66667% * var(--space-y-reverse)); } - .lg\:translate-x-1\/4 { - --transform-translate-x: 25%; + .xl\:-space-x-2\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16.66667% * var(--space-x-reverse)); + margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-2\/4 { - --transform-translate-x: 50%; + .xl\:-space-y-3\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-25% * var(--space-y-reverse)); } - .lg\:translate-x-3\/4 { - --transform-translate-x: 75%; + .xl\:-space-x-3\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-25% * var(--space-x-reverse)); + margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-1\/5 { - --transform-translate-x: 20%; + .xl\:-space-y-4\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-33.33333% * var(--space-y-reverse)); } - .lg\:translate-x-2\/5 { - --transform-translate-x: 40%; + .xl\:-space-x-4\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-33.33333% * var(--space-x-reverse)); + margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-3\/5 { - --transform-translate-x: 60%; + .xl\:-space-y-5\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-41.66667% * var(--space-y-reverse)); } - .lg\:translate-x-4\/5 { - --transform-translate-x: 80%; + .xl\:-space-x-5\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-41.66667% * var(--space-x-reverse)); + margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-1\/6 { - --transform-translate-x: 16.666667%; + .xl\:-space-y-6\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-50% * var(--space-y-reverse)); } - .lg\:translate-x-2\/6 { - --transform-translate-x: 33.333333%; + .xl\:-space-x-6\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-50% * var(--space-x-reverse)); + margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-3\/6 { - --transform-translate-x: 50%; + .xl\:-space-y-7\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-58.33333% * var(--space-y-reverse)); } - .lg\:translate-x-4\/6 { - --transform-translate-x: 66.666667%; + .xl\:-space-x-7\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-58.33333% * var(--space-x-reverse)); + margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-5\/6 { - --transform-translate-x: 83.333333%; + .xl\:-space-y-8\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-66.66667% * var(--space-y-reverse)); } - .lg\:translate-x-1\/12 { - --transform-translate-x: 8.333333%; + .xl\:-space-x-8\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-66.66667% * var(--space-x-reverse)); + margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-2\/12 { - --transform-translate-x: 16.666667%; + .xl\:-space-y-9\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-75% * var(--space-y-reverse)); } - .lg\:translate-x-3\/12 { - --transform-translate-x: 25%; + .xl\:-space-x-9\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-75% * var(--space-x-reverse)); + margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-4\/12 { - --transform-translate-x: 33.333333%; + .xl\:-space-y-10\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-83.33333% * var(--space-y-reverse)); } - .lg\:translate-x-5\/12 { - --transform-translate-x: 41.666667%; + .xl\:-space-x-10\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-83.33333% * var(--space-x-reverse)); + margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-6\/12 { - --transform-translate-x: 50%; + .xl\:-space-y-11\/12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-91.66667% * var(--space-y-reverse)); } - .lg\:translate-x-7\/12 { - --transform-translate-x: 58.333333%; + .xl\:-space-x-11\/12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-91.66667% * var(--space-x-reverse)); + margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-8\/12 { - --transform-translate-x: 66.666667%; + .xl\:-space-y-full > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-100% * var(--space-y-reverse)); } - .lg\:translate-x-9\/12 { - --transform-translate-x: 75%; + .xl\:-space-x-full > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-100% * var(--space-x-reverse)); + margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); } - .lg\:translate-x-10\/12 { - --transform-translate-x: 83.333333%; + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .lg\:translate-x-11\/12 { - --transform-translate-x: 91.666667%; + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .lg\:translate-x-full { - --transform-translate-x: 100%; + .xl\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0px * var(--divide-y-reverse)); } - .lg\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .lg\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .xl\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .lg\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .lg\:-translate-x-4 { - --transform-translate-x: -1rem; + .xl\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .lg\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .lg\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .xl\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .lg\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .lg\:-translate-x-8 { - --transform-translate-x: -2rem; + .xl\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .lg\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .lg\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:-translate-x-11 { - --transform-translate-x: -2.75rem; + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:-translate-x-12 { - --transform-translate-x: -3rem; + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .lg\:-translate-x-13 { - --transform-translate-x: -3.25rem; + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .lg\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .lg\:-translate-x-15 { - --transform-translate-x: -3.75rem; + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .lg\:-translate-x-16 { - --transform-translate-x: -4rem; + .xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); } - .lg\:-translate-x-20 { - --transform-translate-x: -5rem; + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); } - .lg\:-translate-x-24 { - --transform-translate-x: -6rem; + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); } - .lg\:-translate-x-28 { - --transform-translate-x: -7rem; + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); } - .lg\:-translate-x-32 { - --transform-translate-x: -8rem; + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); } - .lg\:-translate-x-36 { - --transform-translate-x: -9rem; + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); } - .lg\:-translate-x-40 { - --transform-translate-x: -10rem; + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); } - .lg\:-translate-x-44 { - --transform-translate-x: -11rem; + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); } - .lg\:-translate-x-48 { - --transform-translate-x: -12rem; + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); } - .lg\:-translate-x-52 { - --transform-translate-x: -13rem; + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); } - .lg\:-translate-x-56 { - --transform-translate-x: -14rem; + .xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); } - .lg\:-translate-x-60 { - --transform-translate-x: -15rem; + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); } - .lg\:-translate-x-64 { - --transform-translate-x: -16rem; + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); } - .lg\:-translate-x-72 { - --transform-translate-x: -18rem; + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); } - .lg\:-translate-x-80 { - --transform-translate-x: -20rem; + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); } - .lg\:-translate-x-96 { - --transform-translate-x: -24rem; + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); } - .lg\:-translate-x-px { - --transform-translate-x: -1px; + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); } - .lg\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); } - .lg\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); } - .lg\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); } - .lg\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .xl\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); } - .lg\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .xl\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); } - .lg\:-translate-x-1\/3 { - --transform-translate-x: -33.33333%; + .xl\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); } - .lg\:-translate-x-2\/3 { - --transform-translate-x: -66.66667%; + .xl\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); } - .lg\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .xl\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); } - .lg\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .xl\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); } - .lg\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .xl\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); } - .lg\:-translate-x-1\/5 { - --transform-translate-x: -20%; + .xl\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); } - .lg\:-translate-x-2\/5 { - --transform-translate-x: -40%; + .xl\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); } - .lg\:-translate-x-3\/5 { - --transform-translate-x: -60%; + .xl\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); } - .lg\:-translate-x-4\/5 { - --transform-translate-x: -80%; + .xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); } - .lg\:-translate-x-1\/6 { - --transform-translate-x: -16.66667%; + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); } - .lg\:-translate-x-2\/6 { - --transform-translate-x: -33.33333%; + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); } - .lg\:-translate-x-3\/6 { - --transform-translate-x: -50%; + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); } - .lg\:-translate-x-4\/6 { - --transform-translate-x: -66.66667%; + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); } - .lg\:-translate-x-5\/6 { - --transform-translate-x: -83.33333%; + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); } - .lg\:-translate-x-1\/12 { - --transform-translate-x: -8.33333%; + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); } - .lg\:-translate-x-2\/12 { - --transform-translate-x: -16.66667%; + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); } - .lg\:-translate-x-3\/12 { - --transform-translate-x: -25%; + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); } - .lg\:-translate-x-4\/12 { - --transform-translate-x: -33.33333%; + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); } - .lg\:-translate-x-5\/12 { - --transform-translate-x: -41.66667%; + .xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); } - .lg\:-translate-x-6\/12 { - --transform-translate-x: -50%; + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); } - .lg\:-translate-x-7\/12 { - --transform-translate-x: -58.33333%; + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); } - .lg\:-translate-x-8\/12 { - --transform-translate-x: -66.66667%; + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); } - .lg\:-translate-x-9\/12 { - --transform-translate-x: -75%; + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); } - .lg\:-translate-x-10\/12 { - --transform-translate-x: -83.33333%; + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); } - .lg\:-translate-x-11\/12 { - --transform-translate-x: -91.66667%; + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); } - .lg\:-translate-x-full { - --transform-translate-x: -100%; + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); } - .lg\:translate-y-0 { - --transform-translate-y: 0; + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); } - .lg\:translate-y-1 { - --transform-translate-y: 0.25rem; + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); } - .lg\:translate-y-2 { - --transform-translate-y: 0.5rem; + .xl\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); } - .lg\:translate-y-3 { - --transform-translate-y: 0.75rem; + .xl\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); } - .lg\:translate-y-4 { - --transform-translate-y: 1rem; + .xl\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); } - .lg\:translate-y-5 { - --transform-translate-y: 1.25rem; + .xl\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); } - .lg\:translate-y-6 { - --transform-translate-y: 1.5rem; + .xl\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); } - .lg\:translate-y-7 { - --transform-translate-y: 1.75rem; + .xl\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); } - .lg\:translate-y-8 { - --transform-translate-y: 2rem; + .xl\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); } - .lg\:translate-y-9 { - --transform-translate-y: 2.25rem; + .xl\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); } - .lg\:translate-y-10 { - --transform-translate-y: 2.5rem; + .xl\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); } - .lg\:translate-y-11 { - --transform-translate-y: 2.75rem; + .xl\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); } - .lg\:translate-y-12 { - --transform-translate-y: 3rem; + .xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); } - .lg\:translate-y-13 { - --transform-translate-y: 3.25rem; + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); } - .lg\:translate-y-14 { - --transform-translate-y: 3.5rem; + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); } - .lg\:translate-y-15 { - --transform-translate-y: 3.75rem; + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); } - .lg\:translate-y-16 { - --transform-translate-y: 4rem; + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); } - .lg\:translate-y-20 { - --transform-translate-y: 5rem; + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); } - .lg\:translate-y-24 { - --transform-translate-y: 6rem; + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); } - .lg\:translate-y-28 { - --transform-translate-y: 7rem; + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); } - .lg\:translate-y-32 { - --transform-translate-y: 8rem; + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); } - .lg\:translate-y-36 { - --transform-translate-y: 9rem; + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); } - .lg\:translate-y-40 { - --transform-translate-y: 10rem; + .xl\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); } - .lg\:translate-y-44 { - --transform-translate-y: 11rem; + .xl\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); } - .lg\:translate-y-48 { - --transform-translate-y: 12rem; + .xl\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); } - .lg\:translate-y-52 { - --transform-translate-y: 13rem; + .xl\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); } - .lg\:translate-y-56 { - --transform-translate-y: 14rem; + .xl\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); } - .lg\:translate-y-60 { - --transform-translate-y: 15rem; + .xl\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); } - .lg\:translate-y-64 { - --transform-translate-y: 16rem; + .xl\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); } - .lg\:translate-y-72 { - --transform-translate-y: 18rem; + .xl\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); } - .lg\:translate-y-80 { - --transform-translate-y: 20rem; + .xl\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); } - .lg\:translate-y-96 { - --transform-translate-y: 24rem; + .xl\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); } - .lg\:translate-y-px { - --transform-translate-y: 1px; + .xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); } - .lg\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); } - .lg\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); } - .lg\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); } - .lg\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); } - .lg\:translate-y-1\/2 { - --transform-translate-y: 50%; + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); } - .lg\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); } - .lg\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); } - .lg\:translate-y-1\/4 { - --transform-translate-y: 25%; + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); } - .lg\:translate-y-2\/4 { - --transform-translate-y: 50%; + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); } - .lg\:translate-y-3\/4 { - --transform-translate-y: 75%; + .xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .lg\:translate-y-1\/5 { - --transform-translate-y: 20%; + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); } - .lg\:translate-y-2\/5 { - --transform-translate-y: 40%; + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); } - .lg\:translate-y-3\/5 { - --transform-translate-y: 60%; + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); } - .lg\:translate-y-4\/5 { - --transform-translate-y: 80%; + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); } - .lg\:translate-y-1\/6 { - --transform-translate-y: 16.666667%; + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); } - .lg\:translate-y-2\/6 { - --transform-translate-y: 33.333333%; + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); } - .lg\:translate-y-3\/6 { - --transform-translate-y: 50%; + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); } - .lg\:translate-y-4\/6 { - --transform-translate-y: 66.666667%; + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); } - .lg\:translate-y-5\/6 { - --transform-translate-y: 83.333333%; + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); } - .lg\:translate-y-1\/12 { - --transform-translate-y: 8.333333%; - } + @media (prefers-color-scheme: dark) { + .xl\:dark\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } - .lg\:translate-y-2\/12 { - --transform-translate-y: 16.666667%; - } + .xl\:dark\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .lg\:translate-y-3\/12 { - --transform-translate-y: 25%; - } + .xl\:dark\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .lg\:translate-y-4\/12 { - --transform-translate-y: 33.333333%; - } + .xl\:dark\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .lg\:translate-y-5\/12 { - --transform-translate-y: 41.666667%; - } + .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--divide-opacity)); + } - .lg\:translate-y-6\/12 { - --transform-translate-y: 50%; - } + .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--divide-opacity)); + } - .lg\:translate-y-7\/12 { - --transform-translate-y: 58.333333%; - } + .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--divide-opacity)); + } - .lg\:translate-y-8\/12 { - --transform-translate-y: 66.666667%; - } + .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--divide-opacity)); + } - .lg\:translate-y-9\/12 { - --transform-translate-y: 75%; - } + .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--divide-opacity)); + } - .lg\:translate-y-10\/12 { - --transform-translate-y: 83.333333%; - } + .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--divide-opacity)); + } - .lg\:translate-y-11\/12 { - --transform-translate-y: 91.666667%; - } + .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--divide-opacity)); + } - .lg\:translate-y-full { - --transform-translate-y: 100%; - } + .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--divide-opacity)); + } - .lg\:-translate-y-1 { - --transform-translate-y: -0.25rem; - } + .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--divide-opacity)); + } - .lg\:-translate-y-2 { - --transform-translate-y: -0.5rem; - } + .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--divide-opacity)); + } - .lg\:-translate-y-3 { - --transform-translate-y: -0.75rem; - } + .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--divide-opacity)); + } - .lg\:-translate-y-4 { - --transform-translate-y: -1rem; - } + .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--divide-opacity)); + } - .lg\:-translate-y-5 { - --transform-translate-y: -1.25rem; - } + .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--divide-opacity)); + } - .lg\:-translate-y-6 { - --transform-translate-y: -1.5rem; - } + .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--divide-opacity)); + } - .lg\:-translate-y-7 { - --transform-translate-y: -1.75rem; - } + .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--divide-opacity)); + } - .lg\:-translate-y-8 { - --transform-translate-y: -2rem; - } + .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--divide-opacity)); + } - .lg\:-translate-y-9 { - --transform-translate-y: -2.25rem; - } + .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--divide-opacity)); + } - .lg\:-translate-y-10 { - --transform-translate-y: -2.5rem; - } + .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--divide-opacity)); + } - .lg\:-translate-y-11 { - --transform-translate-y: -2.75rem; - } + .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--divide-opacity)); + } - .lg\:-translate-y-12 { - --transform-translate-y: -3rem; - } + .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--divide-opacity)); + } - .lg\:-translate-y-13 { - --transform-translate-y: -3.25rem; - } + .xl\:dark\:divide-orange-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--divide-opacity)); + } - .lg\:-translate-y-14 { - --transform-translate-y: -3.5rem; - } + .xl\:dark\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--divide-opacity)); + } - .lg\:-translate-y-15 { - --transform-translate-y: -3.75rem; - } + .xl\:dark\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--divide-opacity)); + } - .lg\:-translate-y-16 { - --transform-translate-y: -4rem; - } + .xl\:dark\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--divide-opacity)); + } - .lg\:-translate-y-20 { - --transform-translate-y: -5rem; - } + .xl\:dark\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--divide-opacity)); + } - .lg\:-translate-y-24 { - --transform-translate-y: -6rem; - } + .xl\:dark\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--divide-opacity)); + } - .lg\:-translate-y-28 { - --transform-translate-y: -7rem; - } + .xl\:dark\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--divide-opacity)); + } - .lg\:-translate-y-32 { - --transform-translate-y: -8rem; - } + .xl\:dark\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--divide-opacity)); + } - .lg\:-translate-y-36 { - --transform-translate-y: -9rem; - } + .xl\:dark\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--divide-opacity)); + } - .lg\:-translate-y-40 { - --transform-translate-y: -10rem; - } + .xl\:dark\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--divide-opacity)); + } - .lg\:-translate-y-44 { - --transform-translate-y: -11rem; - } + .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--divide-opacity)); + } - .lg\:-translate-y-48 { - --transform-translate-y: -12rem; - } + .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--divide-opacity)); + } - .lg\:-translate-y-52 { - --transform-translate-y: -13rem; - } + .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--divide-opacity)); + } - .lg\:-translate-y-56 { - --transform-translate-y: -14rem; - } + .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--divide-opacity)); + } - .lg\:-translate-y-60 { - --transform-translate-y: -15rem; - } + .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--divide-opacity)); + } - .lg\:-translate-y-64 { - --transform-translate-y: -16rem; - } + .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--divide-opacity)); + } - .lg\:-translate-y-72 { - --transform-translate-y: -18rem; - } + .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--divide-opacity)); + } - .lg\:-translate-y-80 { - --transform-translate-y: -20rem; - } + .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--divide-opacity)); + } - .lg\:-translate-y-96 { - --transform-translate-y: -24rem; - } + .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--divide-opacity)); + } - .lg\:-translate-y-px { - --transform-translate-y: -1px; - } + .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--divide-opacity)); + } - .lg\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; - } + .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--divide-opacity)); + } - .lg\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; - } + .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--divide-opacity)); + } - .lg\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; - } + .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--divide-opacity)); + } - .lg\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; - } + .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--divide-opacity)); + } - .lg\:-translate-y-1\/2 { - --transform-translate-y: -50%; - } + .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--divide-opacity)); + } - .lg\:-translate-y-1\/3 { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--divide-opacity)); + } - .lg\:-translate-y-2\/3 { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--divide-opacity)); + } - .lg\:-translate-y-1\/4 { - --transform-translate-y: -25%; - } + .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--divide-opacity)); + } - .lg\:-translate-y-2\/4 { - --transform-translate-y: -50%; - } + .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--divide-opacity)); + } - .lg\:-translate-y-3\/4 { - --transform-translate-y: -75%; - } + .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--divide-opacity)); + } - .lg\:-translate-y-1\/5 { - --transform-translate-y: -20%; - } + .xl\:dark\:divide-teal-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--divide-opacity)); + } - .lg\:-translate-y-2\/5 { - --transform-translate-y: -40%; - } + .xl\:dark\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--divide-opacity)); + } - .lg\:-translate-y-3\/5 { - --transform-translate-y: -60%; - } + .xl\:dark\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--divide-opacity)); + } - .lg\:-translate-y-4\/5 { - --transform-translate-y: -80%; - } + .xl\:dark\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--divide-opacity)); + } - .lg\:-translate-y-1\/6 { - --transform-translate-y: -16.66667%; - } + .xl\:dark\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--divide-opacity)); + } - .lg\:-translate-y-2\/6 { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--divide-opacity)); + } - .lg\:-translate-y-3\/6 { - --transform-translate-y: -50%; - } + .xl\:dark\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--divide-opacity)); + } - .lg\:-translate-y-4\/6 { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--divide-opacity)); + } - .lg\:-translate-y-5\/6 { - --transform-translate-y: -83.33333%; - } + .xl\:dark\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--divide-opacity)); + } - .lg\:-translate-y-1\/12 { - --transform-translate-y: -8.33333%; - } + .xl\:dark\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--divide-opacity)); + } - .lg\:-translate-y-2\/12 { - --transform-translate-y: -16.66667%; - } + .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--divide-opacity)); + } - .lg\:-translate-y-3\/12 { - --transform-translate-y: -25%; - } + .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--divide-opacity)); + } - .lg\:-translate-y-4\/12 { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--divide-opacity)); + } - .lg\:-translate-y-5\/12 { - --transform-translate-y: -41.66667%; - } + .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--divide-opacity)); + } - .lg\:-translate-y-6\/12 { - --transform-translate-y: -50%; - } + .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--divide-opacity)); + } - .lg\:-translate-y-7\/12 { - --transform-translate-y: -58.33333%; - } + .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--divide-opacity)); + } - .lg\:-translate-y-8\/12 { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--divide-opacity)); + } - .lg\:-translate-y-9\/12 { - --transform-translate-y: -75%; - } + .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--divide-opacity)); + } - .lg\:-translate-y-10\/12 { - --transform-translate-y: -83.33333%; - } + .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--divide-opacity)); + } - .lg\:-translate-y-11\/12 { - --transform-translate-y: -91.66667%; - } + .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--divide-opacity)); + } - .lg\:-translate-y-full { - --transform-translate-y: -100%; - } + .xl\:dark\:divide-indigo-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--divide-opacity)); + } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; - } + .xl\:dark\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--divide-opacity)); + } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; - } + .xl\:dark\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--divide-opacity)); + } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; - } + .xl\:dark\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--divide-opacity)); + } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; - } + .xl\:dark\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--divide-opacity)); + } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; - } + .xl\:dark\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--divide-opacity)); + } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; - } + .xl\:dark\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--divide-opacity)); + } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; - } + .xl\:dark\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--divide-opacity)); + } - .lg\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; - } + .xl\:dark\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--divide-opacity)); + } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; - } + .xl\:dark\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--divide-opacity)); + } - .lg\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; - } + .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--divide-opacity)); + } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; - } + .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--divide-opacity)); + } - .lg\:hover\:translate-x-11:hover { - --transform-translate-x: 2.75rem; - } + .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--divide-opacity)); + } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; - } + .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--divide-opacity)); + } - .lg\:hover\:translate-x-13:hover { - --transform-translate-x: 3.25rem; - } + .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--divide-opacity)); + } - .lg\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; - } + .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--divide-opacity)); + } - .lg\:hover\:translate-x-15:hover { - --transform-translate-x: 3.75rem; - } + .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--divide-opacity)); + } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; - } + .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--divide-opacity)); + } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; - } + .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--divide-opacity)); + } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; - } + .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--divide-opacity)); + } - .lg\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; - } + .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; - } + .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--divide-opacity)); + } - .lg\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; - } + .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--divide-opacity)); + } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; - } + .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--divide-opacity)); + } - .lg\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; - } + .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--divide-opacity)); + } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; - } + .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--divide-opacity)); + } - .lg\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; - } + .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--divide-opacity)); + } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; - } + .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--divide-opacity)); + } - .lg\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--divide-opacity)); + } + + .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--divide-opacity)); + } } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .lg\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .lg\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .lg\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .lg\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .lg\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .lg\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .lg\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .lg\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .xl\:sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .lg\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .xl\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .lg\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .xl\:appearance-none { + appearance: none; } - .lg\:hover\:translate-x-1\/5:hover { - --transform-translate-x: 20%; + .xl\:bg-fixed { + background-attachment: fixed; } - .lg\:hover\:translate-x-2\/5:hover { - --transform-translate-x: 40%; + .xl\:bg-local { + background-attachment: local; } - .lg\:hover\:translate-x-3\/5:hover { - --transform-translate-x: 60%; + .xl\:bg-scroll { + background-attachment: scroll; } - .lg\:hover\:translate-x-4\/5:hover { - --transform-translate-x: 80%; + .xl\:bg-clip-border { + background-clip: border-box; } - .lg\:hover\:translate-x-1\/6:hover { - --transform-translate-x: 16.666667%; + .xl\:bg-clip-padding { + background-clip: padding-box; } - .lg\:hover\:translate-x-2\/6:hover { - --transform-translate-x: 33.333333%; + .xl\:bg-clip-content { + background-clip: content-box; } - .lg\:hover\:translate-x-3\/6:hover { - --transform-translate-x: 50%; + .xl\:bg-clip-text { + background-clip: text; } - .lg\:hover\:translate-x-4\/6:hover { - --transform-translate-x: 66.666667%; + .xl\:bg-transparent { + background-color: transparent; } - .lg\:hover\:translate-x-5\/6:hover { - --transform-translate-x: 83.333333%; + .xl\:bg-current { + background-color: currentColor; } - .lg\:hover\:translate-x-1\/12:hover { - --transform-translate-x: 8.333333%; + .xl\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:hover\:translate-x-2\/12:hover { - --transform-translate-x: 16.666667%; + .xl\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:hover\:translate-x-3\/12:hover { - --transform-translate-x: 25%; + .xl\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .lg\:hover\:translate-x-4\/12:hover { - --transform-translate-x: 33.333333%; + .xl\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .lg\:hover\:translate-x-5\/12:hover { - --transform-translate-x: 41.666667%; + .xl\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .lg\:hover\:translate-x-6\/12:hover { - --transform-translate-x: 50%; + .xl\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .lg\:hover\:translate-x-7\/12:hover { - --transform-translate-x: 58.333333%; + .xl\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .lg\:hover\:translate-x-8\/12:hover { - --transform-translate-x: 66.666667%; + .xl\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .lg\:hover\:translate-x-9\/12:hover { - --transform-translate-x: 75%; + .xl\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .lg\:hover\:translate-x-10\/12:hover { - --transform-translate-x: 83.333333%; + .xl\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .lg\:hover\:translate-x-11\/12:hover { - --transform-translate-x: 91.666667%; + .xl\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .xl\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .xl\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .xl\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .xl\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .xl\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .xl\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .xl\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .lg\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .xl\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .xl\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .lg\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .xl\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .xl\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .lg\:hover\:-translate-x-11:hover { - --transform-translate-x: -2.75rem; + .xl\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .xl\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .lg\:hover\:-translate-x-13:hover { - --transform-translate-x: -3.25rem; + .xl\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .lg\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .xl\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .lg\:hover\:-translate-x-15:hover { - --transform-translate-x: -3.75rem; + .xl\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .xl\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .xl\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .xl\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .lg\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .xl\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .xl\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .lg\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .xl\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .xl\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .lg\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .xl\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .xl\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .lg\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .xl\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .xl\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .lg\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .xl\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .xl\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .lg\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .xl\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .lg\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .xl\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .lg\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .xl\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .xl\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .lg\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .xl\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .xl\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .xl\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .xl\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .xl\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.33333%; + .xl\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.66667%; + .xl\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .xl\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .xl\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .xl\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/5:hover { - --transform-translate-x: -20%; + .xl\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\/5:hover { - --transform-translate-x: -40%; + .xl\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3\/5:hover { - --transform-translate-x: -60%; + .xl\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .lg\:hover\:-translate-x-4\/5:hover { - --transform-translate-x: -80%; + .xl\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/6:hover { - --transform-translate-x: -16.66667%; + .xl\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\/6:hover { - --transform-translate-x: -33.33333%; + .xl\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3\/6:hover { - --transform-translate-x: -50%; + .xl\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .lg\:hover\:-translate-x-4\/6:hover { - --transform-translate-x: -66.66667%; + .xl\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .lg\:hover\:-translate-x-5\/6:hover { - --transform-translate-x: -83.33333%; + .xl\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-x-1\/12:hover { - --transform-translate-x: -8.33333%; + .xl\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-x-2\/12:hover { - --transform-translate-x: -16.66667%; + .xl\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .lg\:hover\:-translate-x-3\/12:hover { - --transform-translate-x: -25%; + .xl\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-x-4\/12:hover { - --transform-translate-x: -33.33333%; + .xl\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .lg\:hover\:-translate-x-5\/12:hover { - --transform-translate-x: -41.66667%; + .xl\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .lg\:hover\:-translate-x-6\/12:hover { - --transform-translate-x: -50%; + .xl\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .lg\:hover\:-translate-x-7\/12:hover { - --transform-translate-x: -58.33333%; + .xl\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .lg\:hover\:-translate-x-8\/12:hover { - --transform-translate-x: -66.66667%; + .xl\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .lg\:hover\:-translate-x-9\/12:hover { - --transform-translate-x: -75%; + .xl\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .lg\:hover\:-translate-x-10\/12:hover { - --transform-translate-x: -83.33333%; + .xl\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-x-11\/12:hover { - --transform-translate-x: -91.66667%; + .xl\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .xl\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .xl\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .xl\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .xl\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .xl\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .xl\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .xl\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .xl\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .lg\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .xl\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .xl\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .lg\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .xl\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .xl\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .lg\:hover\:translate-y-11:hover { - --transform-translate-y: 2.75rem; + .xl\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .xl\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .lg\:hover\:translate-y-13:hover { - --transform-translate-y: 3.25rem; + .xl\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .lg\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .xl\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .lg\:hover\:translate-y-15:hover { - --transform-translate-y: 3.75rem; + .xl\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .xl\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .xl\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .xl\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .lg\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .xl\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .xl\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .lg\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .xl\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .xl\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .lg\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .xl\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .xl\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .lg\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .xl\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .xl\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .lg\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .xl\:hover\:bg-current:hover { + background-color: currentColor; } - .lg\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .xl\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .xl\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .lg\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .lg\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .xl\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .lg\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/5:hover { - --transform-translate-y: 20%; + .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\/5:hover { - --transform-translate-y: 40%; + .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .lg\:hover\:translate-y-3\/5:hover { - --transform-translate-y: 60%; + .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .lg\:hover\:translate-y-4\/5:hover { - --transform-translate-y: 80%; + .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/6:hover { - --transform-translate-y: 16.666667%; + .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\/6:hover { - --transform-translate-y: 33.333333%; + .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .lg\:hover\:translate-y-3\/6:hover { - --transform-translate-y: 50%; + .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .lg\:hover\:translate-y-4\/6:hover { - --transform-translate-y: 66.666667%; + .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .lg\:hover\:translate-y-5\/6:hover { - --transform-translate-y: 83.333333%; + .xl\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .lg\:hover\:translate-y-1\/12:hover { - --transform-translate-y: 8.333333%; + .xl\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .lg\:hover\:translate-y-2\/12:hover { - --transform-translate-y: 16.666667%; + .xl\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .lg\:hover\:translate-y-3\/12:hover { - --transform-translate-y: 25%; + .xl\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .lg\:hover\:translate-y-4\/12:hover { - --transform-translate-y: 33.333333%; + .xl\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .lg\:hover\:translate-y-5\/12:hover { - --transform-translate-y: 41.666667%; + .xl\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .lg\:hover\:translate-y-6\/12:hover { - --transform-translate-y: 50%; + .xl\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .lg\:hover\:translate-y-7\/12:hover { - --transform-translate-y: 58.333333%; + .xl\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .lg\:hover\:translate-y-8\/12:hover { - --transform-translate-y: 66.666667%; + .xl\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .lg\:hover\:translate-y-9\/12:hover { - --transform-translate-y: 75%; + .xl\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .lg\:hover\:translate-y-10\/12:hover { - --transform-translate-y: 83.333333%; + .xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .lg\:hover\:translate-y-11\/12:hover { - --transform-translate-y: 91.666667%; + .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .lg\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .xl\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .lg\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .lg\:hover\:-translate-y-11:hover { - --transform-translate-y: -2.75rem; + .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .lg\:hover\:-translate-y-13:hover { - --transform-translate-y: -3.25rem; + .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .lg\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .lg\:hover\:-translate-y-15:hover { - --transform-translate-y: -3.75rem; + .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .lg\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .xl\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .lg\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .xl\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .lg\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .xl\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .lg\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .xl\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .lg\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .xl\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .lg\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .lg\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.33333%; + .xl\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.66667%; + .xl\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .xl\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .xl\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .xl\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/5:hover { - --transform-translate-y: -20%; + .xl\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\/5:hover { - --transform-translate-y: -40%; + .xl\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3\/5:hover { - --transform-translate-y: -60%; + .xl\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .lg\:hover\:-translate-y-4\/5:hover { - --transform-translate-y: -80%; + .xl\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/6:hover { - --transform-translate-y: -16.66667%; + .xl\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\/6:hover { - --transform-translate-y: -33.33333%; + .xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3\/6:hover { - --transform-translate-y: -50%; + .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-y-4\/6:hover { - --transform-translate-y: -66.66667%; + .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .lg\:hover\:-translate-y-5\/6:hover { - --transform-translate-y: -83.33333%; + .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .lg\:hover\:-translate-y-1\/12:hover { - --transform-translate-y: -8.33333%; + .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .lg\:hover\:-translate-y-2\/12:hover { - --transform-translate-y: -16.66667%; + .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .lg\:hover\:-translate-y-3\/12:hover { - --transform-translate-y: -25%; + .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .lg\:hover\:-translate-y-4\/12:hover { - --transform-translate-y: -33.33333%; + .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .lg\:hover\:-translate-y-5\/12:hover { - --transform-translate-y: -41.66667%; + .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .lg\:hover\:-translate-y-6\/12:hover { - --transform-translate-y: -50%; + .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .lg\:hover\:-translate-y-7\/12:hover { - --transform-translate-y: -58.33333%; + .xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:hover\:-translate-y-8\/12:hover { - --transform-translate-y: -66.66667%; + .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .lg\:hover\:-translate-y-9\/12:hover { - --transform-translate-y: -75%; + .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .lg\:hover\:-translate-y-10\/12:hover { - --transform-translate-y: -83.33333%; + .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .lg\:hover\:-translate-y-11\/12:hover { - --transform-translate-y: -91.66667%; + .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:focus\:bg-current:focus { + background-color: currentColor; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .xl\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .xl\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); } - .lg\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); } - .lg\:focus\:translate-x-11:focus { - --transform-translate-x: 2.75rem; + .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); } - .lg\:focus\:translate-x-13:focus { - --transform-translate-x: 3.25rem; + .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); } - .lg\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); } - .lg\:focus\:translate-x-15:focus { - --transform-translate-x: 3.75rem; + .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .xl\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); } - .lg\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - .lg\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - .lg\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); } - .lg\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); } - .lg\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); } - .lg\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .xl\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); } - .lg\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .xl\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); } - .lg\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .xl\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .xl\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); } - .lg\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .xl\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .xl\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .xl\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); } - .lg\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .xl\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); } - .lg\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/5:focus { - --transform-translate-x: 20%; + .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\/5:focus { - --transform-translate-x: 40%; + .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); } - .lg\:focus\:translate-x-3\/5:focus { - --transform-translate-x: 60%; + .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); } - .lg\:focus\:translate-x-4\/5:focus { - --transform-translate-x: 80%; + .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/6:focus { - --transform-translate-x: 16.666667%; + .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\/6:focus { - --transform-translate-x: 33.333333%; + .xl\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); } - .lg\:focus\:translate-x-3\/6:focus { - --transform-translate-x: 50%; + .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); } - .lg\:focus\:translate-x-4\/6:focus { - --transform-translate-x: 66.666667%; + .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); } - .lg\:focus\:translate-x-5\/6:focus { - --transform-translate-x: 83.333333%; + .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); } - .lg\:focus\:translate-x-1\/12:focus { - --transform-translate-x: 8.333333%; + .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); } - .lg\:focus\:translate-x-2\/12:focus { - --transform-translate-x: 16.666667%; + .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); } - .lg\:focus\:translate-x-3\/12:focus { - --transform-translate-x: 25%; + .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); } - .lg\:focus\:translate-x-4\/12:focus { - --transform-translate-x: 33.333333%; + .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); } - .lg\:focus\:translate-x-5\/12:focus { - --transform-translate-x: 41.666667%; + .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); } - .lg\:focus\:translate-x-6\/12:focus { - --transform-translate-x: 50%; + .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); } - .lg\:focus\:translate-x-7\/12:focus { - --transform-translate-x: 58.333333%; + .xl\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); } - .lg\:focus\:translate-x-8\/12:focus { - --transform-translate-x: 66.666667%; + .xl\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); } - .lg\:focus\:translate-x-9\/12:focus { - --transform-translate-x: 75%; + .xl\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); } - .lg\:focus\:translate-x-10\/12:focus { - --transform-translate-x: 83.333333%; + .xl\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); } - .lg\:focus\:translate-x-11\/12:focus { - --transform-translate-x: 91.666667%; + .xl\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .xl\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .xl\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .xl\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); } - .lg\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); } - .lg\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); } - .lg\:focus\:-translate-x-11:focus { - --transform-translate-x: -2.75rem; + .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); } - .lg\:focus\:-translate-x-13:focus { - --transform-translate-x: -3.25rem; + .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); } - .lg\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); } - .lg\:focus\:-translate-x-15:focus { - --transform-translate-x: -3.75rem; + .xl\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .xl\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .xl\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); } - .lg\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .xl\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); } - .lg\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .xl\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .xl\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); } - .lg\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .xl\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); } - .lg\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); } - .lg\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); } - .lg\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); } - .lg\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); } - .lg\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); } - .lg\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); } - .lg\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.33333%; + .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); } - .lg\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.66667%; + .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); } - .lg\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); } - .lg\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); } - .lg\:focus\:-translate-x-1\/5:focus { - --transform-translate-x: -20%; + .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); } - .lg\:focus\:-translate-x-2\/5:focus { - --transform-translate-x: -40%; + .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); } - .lg\:focus\:-translate-x-3\/5:focus { - --transform-translate-x: -60%; - } + @media (prefers-color-scheme: dark) { + .xl\:dark\:bg-transparent { + background-color: transparent; + } - .lg\:focus\:-translate-x-4\/5:focus { - --transform-translate-x: -80%; - } + .xl\:dark\:bg-current { + background-color: currentColor; + } - .lg\:focus\:-translate-x-1\/6:focus { - --transform-translate-x: -16.66667%; - } + .xl\:dark\:bg-black { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-2\/6:focus { - --transform-translate-x: -33.33333%; - } + .xl\:dark\:bg-white { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-3\/6:focus { - --transform-translate-x: -50%; - } + .xl\:dark\:bg-gray-50 { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-4\/6:focus { - --transform-translate-x: -66.66667%; - } + .xl\:dark\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-5\/6:focus { - --transform-translate-x: -83.33333%; - } + .xl\:dark\:bg-gray-200 { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-1\/12:focus { - --transform-translate-x: -8.33333%; - } + .xl\:dark\:bg-gray-300 { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-2\/12:focus { - --transform-translate-x: -16.66667%; - } + .xl\:dark\:bg-gray-400 { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-3\/12:focus { - --transform-translate-x: -25%; - } + .xl\:dark\:bg-gray-500 { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-4\/12:focus { - --transform-translate-x: -33.33333%; - } + .xl\:dark\:bg-gray-600 { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-5\/12:focus { - --transform-translate-x: -41.66667%; - } + .xl\:dark\:bg-gray-700 { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-6\/12:focus { - --transform-translate-x: -50%; - } + .xl\:dark\:bg-gray-800 { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-7\/12:focus { - --transform-translate-x: -58.33333%; - } + .xl\:dark\:bg-gray-900 { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-8\/12:focus { - --transform-translate-x: -66.66667%; - } + .xl\:dark\:bg-red-50 { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-9\/12:focus { - --transform-translate-x: -75%; - } + .xl\:dark\:bg-red-100 { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-10\/12:focus { - --transform-translate-x: -83.33333%; - } + .xl\:dark\:bg-red-200 { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-11\/12:focus { - --transform-translate-x: -91.66667%; - } + .xl\:dark\:bg-red-300 { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; - } + .xl\:dark\:bg-red-400 { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0; - } + .xl\:dark\:bg-red-500 { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; - } + .xl\:dark\:bg-red-600 { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; - } + .xl\:dark\:bg-red-700 { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; - } + .xl\:dark\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; - } + .xl\:dark\:bg-red-900 { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; - } + .xl\:dark\:bg-orange-50 { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; - } + .xl\:dark\:bg-orange-100 { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .lg\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; - } + .xl\:dark\:bg-orange-200 { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; - } + .xl\:dark\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .lg\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; - } + .xl\:dark\:bg-orange-400 { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; - } + .xl\:dark\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .lg\:focus\:translate-y-11:focus { - --transform-translate-y: 2.75rem; - } + .xl\:dark\:bg-orange-600 { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; - } + .xl\:dark\:bg-orange-700 { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .lg\:focus\:translate-y-13:focus { - --transform-translate-y: 3.25rem; - } + .xl\:dark\:bg-orange-800 { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .lg\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; - } + .xl\:dark\:bg-orange-900 { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .lg\:focus\:translate-y-15:focus { - --transform-translate-y: 3.75rem; - } + .xl\:dark\:bg-yellow-50 { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; - } + .xl\:dark\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; - } + .xl\:dark\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; - } + .xl\:dark\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .lg\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; - } + .xl\:dark\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; - } + .xl\:dark\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .lg\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; - } + .xl\:dark\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; - } + .xl\:dark\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .lg\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; - } + .xl\:dark\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; - } + .xl\:dark\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .lg\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; - } + .xl\:dark\:bg-green-50 { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; - } + .xl\:dark\:bg-green-100 { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .lg\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; - } + .xl\:dark\:bg-green-200 { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; - } + .xl\:dark\:bg-green-300 { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .lg\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; - } + .xl\:dark\:bg-green-400 { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .lg\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; - } + .xl\:dark\:bg-green-500 { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .lg\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; - } + .xl\:dark\:bg-green-600 { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; - } + .xl\:dark\:bg-green-700 { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .lg\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; - } + .xl\:dark\:bg-green-800 { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; - } + .xl\:dark\:bg-green-900 { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; - } + .xl\:dark\:bg-teal-50 { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; - } + .xl\:dark\:bg-teal-100 { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; - } + .xl\:dark\:bg-teal-200 { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; - } + .xl\:dark\:bg-teal-300 { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; - } + .xl\:dark\:bg-teal-400 { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; - } + .xl\:dark\:bg-teal-500 { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; - } + .xl\:dark\:bg-teal-600 { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; - } + .xl\:dark\:bg-teal-700 { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/5:focus { - --transform-translate-y: 20%; - } + .xl\:dark\:bg-teal-800 { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\/5:focus { - --transform-translate-y: 40%; - } + .xl\:dark\:bg-teal-900 { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3\/5:focus { - --transform-translate-y: 60%; - } + .xl\:dark\:bg-blue-50 { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .lg\:focus\:translate-y-4\/5:focus { - --transform-translate-y: 80%; - } + .xl\:dark\:bg-blue-100 { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/6:focus { - --transform-translate-y: 16.666667%; - } + .xl\:dark\:bg-blue-200 { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\/6:focus { - --transform-translate-y: 33.333333%; - } + .xl\:dark\:bg-blue-300 { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3\/6:focus { - --transform-translate-y: 50%; - } + .xl\:dark\:bg-blue-400 { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .lg\:focus\:translate-y-4\/6:focus { - --transform-translate-y: 66.666667%; - } + .xl\:dark\:bg-blue-500 { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .lg\:focus\:translate-y-5\/6:focus { - --transform-translate-y: 83.333333%; - } + .xl\:dark\:bg-blue-600 { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .lg\:focus\:translate-y-1\/12:focus { - --transform-translate-y: 8.333333%; - } + .xl\:dark\:bg-blue-700 { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .lg\:focus\:translate-y-2\/12:focus { - --transform-translate-y: 16.666667%; - } + .xl\:dark\:bg-blue-800 { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .lg\:focus\:translate-y-3\/12:focus { - --transform-translate-y: 25%; - } + .xl\:dark\:bg-blue-900 { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .lg\:focus\:translate-y-4\/12:focus { - --transform-translate-y: 33.333333%; - } + .xl\:dark\:bg-indigo-50 { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .lg\:focus\:translate-y-5\/12:focus { - --transform-translate-y: 41.666667%; - } + .xl\:dark\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .lg\:focus\:translate-y-6\/12:focus { - --transform-translate-y: 50%; - } + .xl\:dark\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .lg\:focus\:translate-y-7\/12:focus { - --transform-translate-y: 58.333333%; - } + .xl\:dark\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .lg\:focus\:translate-y-8\/12:focus { - --transform-translate-y: 66.666667%; - } + .xl\:dark\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .lg\:focus\:translate-y-9\/12:focus { - --transform-translate-y: 75%; - } + .xl\:dark\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .lg\:focus\:translate-y-10\/12:focus { - --transform-translate-y: 83.333333%; - } + .xl\:dark\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .lg\:focus\:translate-y-11\/12:focus { - --transform-translate-y: 91.666667%; - } + .xl\:dark\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; - } + .xl\:dark\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; - } + .xl\:dark\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; - } + .xl\:dark\:bg-purple-50 { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; - } + .xl\:dark\:bg-purple-100 { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; - } + .xl\:dark\:bg-purple-200 { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; - } + .xl\:dark\:bg-purple-300 { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; - } + .xl\:dark\:bg-purple-400 { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; - } + .xl\:dark\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; - } + .xl\:dark\:bg-purple-600 { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; - } + .xl\:dark\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; - } + .xl\:dark\:bg-purple-800 { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-11:focus { - --transform-translate-y: -2.75rem; - } + .xl\:dark\:bg-purple-900 { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; - } + .xl\:dark\:bg-pink-50 { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-13:focus { - --transform-translate-y: -3.25rem; - } + .xl\:dark\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; - } + .xl\:dark\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-15:focus { - --transform-translate-y: -3.75rem; - } + .xl\:dark\:bg-pink-300 { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; - } + .xl\:dark\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; - } + .xl\:dark\:bg-pink-500 { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; - } + .xl\:dark\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; - } + .xl\:dark\:bg-pink-700 { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; - } + .xl\:dark\:bg-pink-800 { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; - } + .xl\:dark\:bg-pink-900 { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; - } + .xl\:dark\:hover\:bg-transparent:hover { + background-color: transparent; + } - .lg\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; - } + .xl\:dark\:hover\:bg-current:hover { + background-color: currentColor; + } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; - } + .xl\:dark\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; - } + .xl\:dark\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; - } + .xl\:dark\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; - } + .xl\:dark\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; - } + .xl\:dark\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; - } + .xl\:dark\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; - } + .xl\:dark\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; - } + .xl\:dark\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; - } + .xl\:dark\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; - } + .xl\:dark\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; - } + .xl\:dark\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; - } + .xl\:dark\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; - } + .xl\:dark\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; - } + .xl\:dark\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; - } + .xl\:dark\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; - } + .xl\:dark\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; - } + .xl\:dark\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/5:focus { - --transform-translate-y: -20%; - } + .xl\:dark\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\/5:focus { - --transform-translate-y: -40%; - } + .xl\:dark\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3\/5:focus { - --transform-translate-y: -60%; - } + .xl\:dark\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-4\/5:focus { - --transform-translate-y: -80%; - } + .xl\:dark\:hover\:bg-orange-50:hover { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/6:focus { - --transform-translate-y: -16.66667%; - } + .xl\:dark\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\/6:focus { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3\/6:focus { - --transform-translate-y: -50%; - } + .xl\:dark\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-4\/6:focus { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-5\/6:focus { - --transform-translate-y: -83.33333%; - } + .xl\:dark\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-1\/12:focus { - --transform-translate-y: -8.33333%; - } + .xl\:dark\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-2\/12:focus { - --transform-translate-y: -16.66667%; - } + .xl\:dark\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-3\/12:focus { - --transform-translate-y: -25%; - } + .xl\:dark\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-4\/12:focus { - --transform-translate-y: -33.33333%; - } + .xl\:dark\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-5\/12:focus { - --transform-translate-y: -41.66667%; - } + .xl\:dark\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-6\/12:focus { - --transform-translate-y: -50%; - } + .xl\:dark\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-7\/12:focus { - --transform-translate-y: -58.33333%; - } + .xl\:dark\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-8\/12:focus { - --transform-translate-y: -66.66667%; - } + .xl\:dark\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-9\/12:focus { - --transform-translate-y: -75%; - } + .xl\:dark\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-10\/12:focus { - --transform-translate-y: -83.33333%; - } + .xl\:dark\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-11\/12:focus { - --transform-translate-y: -91.66667%; - } + .xl\:dark\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; - } + .xl\:dark\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .lg\:skew-x-0 { - --transform-skew-x: 0; - } + .xl\:dark\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; - } + .xl\:dark\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; - } + .xl\:dark\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; - } + .xl\:dark\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; - } + .xl\:dark\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; - } + .xl\:dark\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; - } + .xl\:dark\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .lg\:skew-y-0 { - --transform-skew-y: 0; - } + .xl\:dark\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; - } + .xl\:dark\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; - } + .xl\:dark\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; - } + .xl\:dark\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; - } + .xl\:dark\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; - } + .xl\:dark\:hover\:bg-teal-50:hover { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; - } + .xl\:dark\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; - } + .xl\:dark\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; - } + .xl\:dark\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; - } + .xl\:dark\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; - } + .xl\:dark\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; - } + .xl\:dark\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } + + .xl\:dark\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } + + .xl\:dark\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; - } + .xl\:dark\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; - } + .xl\:dark\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; - } + .xl\:dark\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; - } + .xl\:dark\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; - } + .xl\:dark\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; - } + .xl\:dark\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; - } + .xl\:dark\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; - } + .xl\:dark\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; - } + .xl\:dark\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; - } + .xl\:dark\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; - } + .xl\:dark\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; - } + .xl\:dark\:hover\:bg-indigo-50:hover { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; - } + .xl\:dark\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; - } + .xl\:dark\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; - } + .xl\:dark\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; - } + .xl\:dark\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; - } + .xl\:dark\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; - } + .xl\:dark\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; - } + .xl\:dark\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; - } + .xl\:dark\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } + .xl\:dark\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; - } + .xl\:dark\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; - } + .xl\:dark\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .lg\:transition-none { - transition-property: none; - } + .xl\:dark\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .lg\:transition-all { - transition-property: all; - } + .xl\:dark\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; - } + .xl\:dark\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - } + .xl\:dark\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .lg\:transition-opacity { - transition-property: opacity; - } + .xl\:dark\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .lg\:transition-shadow { - transition-property: box-shadow; - } + .xl\:dark\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .lg\:transition-transform { - transition-property: transform; - } + .xl\:dark\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .lg\:ease-linear { - transition-timing-function: linear; - } + .xl\:dark\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } + .xl\:dark\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } + .xl\:dark\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } + .xl\:dark\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .lg\:duration-75 { - transition-duration: 75ms; - } + .xl\:dark\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .lg\:duration-100 { - transition-duration: 100ms; - } + .xl\:dark\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .lg\:duration-150 { - transition-duration: 150ms; - } + .xl\:dark\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .lg\:duration-200 { - transition-duration: 200ms; - } + .xl\:dark\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .lg\:duration-300 { - transition-duration: 300ms; - } + .xl\:dark\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .lg\:duration-500 { - transition-duration: 500ms; - } + .xl\:dark\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } - .lg\:duration-700 { - transition-duration: 700ms; - } + .xl\:dark\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } - .lg\:duration-1000 { - transition-duration: 1000ms; - } + .xl\:dark\:focus\:bg-transparent:focus { + background-color: transparent; + } - .lg\:delay-75 { - transition-delay: 75ms; - } + .xl\:dark\:focus\:bg-current:focus { + background-color: currentColor; + } - .lg\:delay-100 { - transition-delay: 100ms; - } + .xl\:dark\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .lg\:delay-150 { - transition-delay: 150ms; - } + .xl\:dark\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #ffffff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .lg\:delay-200 { - transition-delay: 200ms; - } + .xl\:dark\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: #f9fafb; + background-color: rgba(249, 250, 251, var(--bg-opacity)); + } - .lg\:delay-300 { - transition-delay: 300ms; - } + .xl\:dark\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f4f5f7; + background-color: rgba(244, 245, 247, var(--bg-opacity)); + } - .lg\:delay-500 { - transition-delay: 500ms; - } + .xl\:dark\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #e5e7eb; + background-color: rgba(229, 231, 235, var(--bg-opacity)); + } - .lg\:delay-700 { - transition-delay: 700ms; - } + .xl\:dark\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #d2d6dc; + background-color: rgba(210, 214, 220, var(--bg-opacity)); + } - .lg\:delay-1000 { - transition-delay: 1000ms; - } + .xl\:dark\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #9fa6b2; + background-color: rgba(159, 166, 178, var(--bg-opacity)); + } - .lg\:animate-none { - animation: none; - } + .xl\:dark\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #6b7280; + background-color: rgba(107, 114, 128, var(--bg-opacity)); + } - .lg\:animate-spin { - animation: spin 1s linear infinite; - } + .xl\:dark\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #4b5563; + background-color: rgba(75, 85, 99, var(--bg-opacity)); + } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } + .xl\:dark\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #374151; + background-color: rgba(55, 65, 81, var(--bg-opacity)); + } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } + .xl\:dark\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #252f3f; + background-color: rgba(37, 47, 63, var(--bg-opacity)); + } - .lg\:animate-bounce { - animation: bounce 1s infinite; - } + .xl\:dark\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #161e2e; + background-color: rgba(22, 30, 46, var(--bg-opacity)); + } - .lg\:example { - font-weight: 700; - color: #f05252; - } -} + .xl\:dark\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: #fdf2f2; + background-color: rgba(253, 242, 242, var(--bg-opacity)); + } -@media (min-width: 1280px) { - .xl\:container { - width: 100%; - } + .xl\:dark\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fde8e8; + background-color: rgba(253, 232, 232, var(--bg-opacity)); + } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; + .xl\:dark\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fbd5d5; + background-color: rgba(251, 213, 213, var(--bg-opacity)); } - } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; + .xl\:dark\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #f8b4b4; + background-color: rgba(248, 180, 180, var(--bg-opacity)); } - } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; + .xl\:dark\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #f98080; + background-color: rgba(249, 128, 128, var(--bg-opacity)); } - } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; + .xl\:dark\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f05252; + background-color: rgba(240, 82, 82, var(--bg-opacity)); } - } - .xl\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0px * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e02424; + background-color: rgba(224, 36, 36, var(--bg-opacity)); + } - .xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0px * var(--space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c81e1e; + background-color: rgba(200, 30, 30, var(--bg-opacity)); + } - .xl\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.25rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b1c1c; + background-color: rgba(155, 28, 28, var(--bg-opacity)); + } - .xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.25rem * var(--space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #771d1d; + background-color: rgba(119, 29, 29, var(--bg-opacity)); + } - .xl\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.5rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-orange-50:focus { + --bg-opacity: 1; + background-color: #fff8f1; + background-color: rgba(255, 248, 241, var(--bg-opacity)); + } - .xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.5rem * var(--space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #feecdc; + background-color: rgba(254, 236, 220, var(--bg-opacity)); + } - .xl\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.75rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #fcd9bd; + background-color: rgba(252, 217, 189, var(--bg-opacity)); + } - .xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.75rem * var(--space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fdba8c; + background-color: rgba(253, 186, 140, var(--bg-opacity)); + } - .xl\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #ff8a4c; + background-color: rgba(255, 138, 76, var(--bg-opacity)); + } - .xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1rem * var(--space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ff5a1f; + background-color: rgba(255, 90, 31, var(--bg-opacity)); + } - .xl\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.25rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #d03801; + background-color: rgba(208, 56, 1, var(--bg-opacity)); + } - .xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.25rem * var(--space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #b43403; + background-color: rgba(180, 52, 3, var(--bg-opacity)); + } - .xl\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.5rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #8a2c0d; + background-color: rgba(138, 44, 13, var(--bg-opacity)); + } - .xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.5rem * var(--space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #73230d; + background-color: rgba(115, 35, 13, var(--bg-opacity)); + } - .xl\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1.75rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: #fdfdea; + background-color: rgba(253, 253, 234, var(--bg-opacity)); + } - .xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1.75rem * var(--space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fdf6b2; + background-color: rgba(253, 246, 178, var(--bg-opacity)); + } - .xl\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fce96a; + background-color: rgba(252, 233, 106, var(--bg-opacity)); + } - .xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2rem * var(--space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faca15; + background-color: rgba(250, 202, 21, var(--bg-opacity)); + } - .xl\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.25rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #e3a008; + background-color: rgba(227, 160, 8, var(--bg-opacity)); + } - .xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.25rem * var(--space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #c27803; + background-color: rgba(194, 120, 3, var(--bg-opacity)); + } - .xl\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.5rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #9f580a; + background-color: rgba(159, 88, 10, var(--bg-opacity)); + } - .xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.5rem * var(--space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #8e4b10; + background-color: rgba(142, 75, 16, var(--bg-opacity)); + } - .xl\:space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(2.75rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #723b13; + background-color: rgba(114, 59, 19, var(--bg-opacity)); + } - .xl\:space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(2.75rem * var(--space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #633112; + background-color: rgba(99, 49, 18, var(--bg-opacity)); + } - .xl\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: #f3faf7; + background-color: rgba(243, 250, 247, var(--bg-opacity)); + } - .xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3rem * var(--space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #def7ec; + background-color: rgba(222, 247, 236, var(--bg-opacity)); + } - .xl\:space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.25rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #bcf0da; + background-color: rgba(188, 240, 218, var(--bg-opacity)); + } - .xl\:space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.25rem * var(--space-x-reverse)); - margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #84e1bc; + background-color: rgba(132, 225, 188, var(--bg-opacity)); + } - .xl\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.5rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #31c48d; + background-color: rgba(49, 196, 141, var(--bg-opacity)); + } - .xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.5rem * var(--space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #0e9f6e; + background-color: rgba(14, 159, 110, var(--bg-opacity)); + } - .xl\:space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(3.75rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #057a55; + background-color: rgba(5, 122, 85, var(--bg-opacity)); + } - .xl\:space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(3.75rem * var(--space-x-reverse)); - margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #046c4e; + background-color: rgba(4, 108, 78, var(--bg-opacity)); + } - .xl\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(4rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #03543f; + background-color: rgba(3, 84, 63, var(--bg-opacity)); + } - .xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(4rem * var(--space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #014737; + background-color: rgba(1, 71, 55, var(--bg-opacity)); + } - .xl\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(5rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-teal-50:focus { + --bg-opacity: 1; + background-color: #edfafa; + background-color: rgba(237, 250, 250, var(--bg-opacity)); + } - .xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(5rem * var(--space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #d5f5f6; + background-color: rgba(213, 245, 246, var(--bg-opacity)); + } - .xl\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(6rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #afecef; + background-color: rgba(175, 236, 239, var(--bg-opacity)); + } - .xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(6rem * var(--space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #7edce2; + background-color: rgba(126, 220, 226, var(--bg-opacity)); + } - .xl\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(7rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #16bdca; + background-color: rgba(22, 189, 202, var(--bg-opacity)); + } - .xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(7rem * var(--space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #0694a2; + background-color: rgba(6, 148, 162, var(--bg-opacity)); + } - .xl\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #047481; + background-color: rgba(4, 116, 129, var(--bg-opacity)); + } - .xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8rem * var(--space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #036672; + background-color: rgba(3, 102, 114, var(--bg-opacity)); + } - .xl\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(9rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #05505c; + background-color: rgba(5, 80, 92, var(--bg-opacity)); + } - .xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(9rem * var(--space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #014451; + background-color: rgba(1, 68, 81, var(--bg-opacity)); + } - .xl\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(10rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: #ebf5ff; + background-color: rgba(235, 245, 255, var(--bg-opacity)); + } - .xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(10rem * var(--space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #e1effe; + background-color: rgba(225, 239, 254, var(--bg-opacity)); + } - .xl\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(11rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #c3ddfd; + background-color: rgba(195, 221, 253, var(--bg-opacity)); + } - .xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(11rem * var(--space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #a4cafe; + background-color: rgba(164, 202, 254, var(--bg-opacity)); + } - .xl\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(12rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #76a9fa; + background-color: rgba(118, 169, 250, var(--bg-opacity)); + } - .xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(12rem * var(--space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #3f83f8; + background-color: rgba(63, 131, 248, var(--bg-opacity)); + } - .xl\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(13rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #1c64f2; + background-color: rgba(28, 100, 242, var(--bg-opacity)); + } - .xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(13rem * var(--space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #1a56db; + background-color: rgba(26, 86, 219, var(--bg-opacity)); + } - .xl\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(14rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #1e429f; + background-color: rgba(30, 66, 159, var(--bg-opacity)); + } - .xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(14rem * var(--space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #233876; + background-color: rgba(35, 56, 118, var(--bg-opacity)); + } - .xl\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(15rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-indigo-50:focus { + --bg-opacity: 1; + background-color: #f0f5ff; + background-color: rgba(240, 245, 255, var(--bg-opacity)); + } - .xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(15rem * var(--space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #e5edff; + background-color: rgba(229, 237, 255, var(--bg-opacity)); + } - .xl\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #cddbfe; + background-color: rgba(205, 219, 254, var(--bg-opacity)); + } - .xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16rem * var(--space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #b4c6fc; + background-color: rgba(180, 198, 252, var(--bg-opacity)); + } - .xl\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(18rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #8da2fb; + background-color: rgba(141, 162, 251, var(--bg-opacity)); + } - .xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(18rem * var(--space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #6875f5; + background-color: rgba(104, 117, 245, var(--bg-opacity)); + } - .xl\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5850ec; + background-color: rgba(88, 80, 236, var(--bg-opacity)); + } - .xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20rem * var(--space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #5145cd; + background-color: rgba(81, 69, 205, var(--bg-opacity)); + } - .xl\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(24rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #42389d; + background-color: rgba(66, 56, 157, var(--bg-opacity)); + } - .xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(24rem * var(--space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #362f78; + background-color: rgba(54, 47, 120, var(--bg-opacity)); + } - .xl\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(1px * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: #f6f5ff; + background-color: rgba(246, 245, 255, var(--bg-opacity)); + } - .xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(1px * var(--space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #edebfe; + background-color: rgba(237, 235, 254, var(--bg-opacity)); + } - .xl\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.125rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #dcd7fe; + background-color: rgba(220, 215, 254, var(--bg-opacity)); + } - .xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.125rem * var(--space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #cabffd; + background-color: rgba(202, 191, 253, var(--bg-opacity)); + } - .xl\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.375rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #ac94fa; + background-color: rgba(172, 148, 250, var(--bg-opacity)); + } - .xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.375rem * var(--space-x-reverse)); - margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9061f9; + background-color: rgba(144, 97, 249, var(--bg-opacity)); + } - .xl\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.625rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #7e3af2; + background-color: rgba(126, 58, 242, var(--bg-opacity)); + } - .xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.625rem * var(--space-x-reverse)); - margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6c2bd9; + background-color: rgba(108, 43, 217, var(--bg-opacity)); + } - .xl\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(0.875rem * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #5521b5; + background-color: rgba(85, 33, 181, var(--bg-opacity)); + } - .xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(0.875rem * var(--space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #4a1d96; + background-color: rgba(74, 29, 150, var(--bg-opacity)); + } - .xl\:space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: #fdf2f8; + background-color: rgba(253, 242, 248, var(--bg-opacity)); + } - .xl\:space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fce8f3; + background-color: rgba(252, 232, 243, var(--bg-opacity)); + } - .xl\:space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fad1e8; + background-color: rgba(250, 209, 232, var(--bg-opacity)); + } - .xl\:space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #f8b4d9; + background-color: rgba(248, 180, 217, var(--bg-opacity)); + } - .xl\:space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f17eb8; + background-color: rgba(241, 126, 184, var(--bg-opacity)); + } - .xl\:space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #e74694; + background-color: rgba(231, 70, 148, var(--bg-opacity)); + } - .xl\:space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); - } + .xl\:dark\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d61f69; + background-color: rgba(214, 31, 105, var(--bg-opacity)); + } - .xl\:space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); - } + .xl\:dark\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #bf125d; + background-color: rgba(191, 18, 93, var(--bg-opacity)); + } - .xl\:space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .xl\:dark\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #99154b; + background-color: rgba(153, 21, 75, var(--bg-opacity)); + } + + .xl\:dark\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #751a3d; + background-color: rgba(117, 26, 61, var(--bg-opacity)); + } } - .xl\:space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .xl\:bg-none { + background-image: none; } - .xl\:space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .xl\:space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .xl\:space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(20% * var(--space-y-reverse)); + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .xl\:space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(20% * var(--space-x-reverse)); - margin-left: calc(20% * calc(1 - var(--space-x-reverse))); + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .xl\:space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(40% * var(--space-y-reverse)); + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .xl\:space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(40% * var(--space-x-reverse)); - margin-left: calc(40% * calc(1 - var(--space-x-reverse))); + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .xl\:space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(60% * var(--space-y-reverse)); + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .xl\:space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(60% * var(--space-x-reverse)); - margin-left: calc(60% * calc(1 - var(--space-x-reverse))); + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .xl\:space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(80% * var(--space-y-reverse)); + .xl\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(80% * var(--space-x-reverse)); - margin-left: calc(80% * calc(1 - var(--space-x-reverse))); + .xl\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .xl\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .xl\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .xl\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .xl\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .xl\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .xl\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(8.333333% * var(--space-y-reverse)); + .xl\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(8.333333% * var(--space-x-reverse)); - margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(16.666667% * var(--space-y-reverse)); + .xl\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(16.666667% * var(--space-x-reverse)); - margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(25% * var(--space-y-reverse)); + .xl\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(25% * var(--space-x-reverse)); - margin-left: calc(25% * calc(1 - var(--space-x-reverse))); + .xl\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(33.333333% * var(--space-y-reverse)); + .xl\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(33.333333% * var(--space-x-reverse)); - margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(41.666667% * var(--space-y-reverse)); + .xl\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(41.666667% * var(--space-x-reverse)); - margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(50% * var(--space-y-reverse)); + .xl\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(50% * var(--space-x-reverse)); - margin-left: calc(50% * calc(1 - var(--space-x-reverse))); + .xl\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(58.333333% * var(--space-y-reverse)); + .xl\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(58.333333% * var(--space-x-reverse)); - margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(66.666667% * var(--space-y-reverse)); + .xl\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(66.666667% * var(--space-x-reverse)); - margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(75% * var(--space-y-reverse)); + .xl\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(75% * var(--space-x-reverse)); - margin-left: calc(75% * calc(1 - var(--space-x-reverse))); + .xl\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(83.333333% * var(--space-y-reverse)); + .xl\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .xl\:space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(83.333333% * var(--space-x-reverse)); - margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse))); + .xl\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(91.666667% * var(--space-y-reverse)); + .xl\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(91.666667% * var(--space-x-reverse)); - margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse))); + .xl\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(100% * var(--space-y-reverse)); + .xl\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(100% * var(--space-x-reverse)); - margin-left: calc(100% * calc(1 - var(--space-x-reverse))); + .xl\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + .xl\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.25rem * var(--space-x-reverse)); - margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .xl\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.5rem * var(--space-y-reverse)); + .xl\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.5rem * var(--space-x-reverse)); - margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.75rem * var(--space-y-reverse)); + .xl\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.75rem * var(--space-x-reverse)); - margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1rem * var(--space-y-reverse)); + .xl\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1rem * var(--space-x-reverse)); - margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); + .xl\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--space-y-reverse)); + .xl\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.5rem * var(--space-y-reverse)); + .xl\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.5rem * var(--space-x-reverse)); - margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--space-y-reverse)); + .xl\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2rem * var(--space-y-reverse)); + .xl\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2rem * var(--space-x-reverse)); - margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); + .xl\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--space-y-reverse)); + .xl\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.5rem * var(--space-y-reverse)); + .xl\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:-space-y-11 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--space-y-reverse)); + .xl\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:-space-x-11 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse))); + .xl\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3rem * var(--space-y-reverse)); + .xl\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3rem * var(--space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + .xl\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:-space-y-13 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.25rem * var(--space-y-reverse)); + .xl\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:-space-x-13 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.25rem * var(--space-x-reverse)); - margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse))); + .xl\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--space-y-reverse)); + .xl\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:-space-y-15 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-3.75rem * var(--space-y-reverse)); + .xl\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:-space-x-15 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-3.75rem * var(--space-x-reverse)); - margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse))); + .xl\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-4rem * var(--space-y-reverse)); + .xl\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-4rem * var(--space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + .xl\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-5rem * var(--space-y-reverse)); + .xl\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-5rem * var(--space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + .xl\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-6rem * var(--space-y-reverse)); + .xl\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-6rem * var(--space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + .xl\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-7rem * var(--space-y-reverse)); + .xl\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-7rem * var(--space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))); + .xl\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .xl\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8rem * var(--space-y-reverse)); + .xl\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8rem * var(--space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + .xl\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-9rem * var(--space-y-reverse)); + .xl\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-9rem * var(--space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--space-x-reverse))); + .xl\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-10rem * var(--space-y-reverse)); + .xl\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-10rem * var(--space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + .xl\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-11rem * var(--space-y-reverse)); + .xl\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-11rem * var(--space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--space-x-reverse))); + .xl\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-12rem * var(--space-y-reverse)); + .xl\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-12rem * var(--space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + .xl\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-13rem * var(--space-y-reverse)); + .xl\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-13rem * var(--space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--space-x-reverse))); + .xl\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-14rem * var(--space-y-reverse)); + .xl\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-14rem * var(--space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + .xl\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-15rem * var(--space-y-reverse)); + .xl\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-15rem * var(--space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--space-x-reverse))); + .xl\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16rem * var(--space-y-reverse)); + .xl\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16rem * var(--space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + .xl\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-18rem * var(--space-y-reverse)); + .xl\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-18rem * var(--space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--space-x-reverse))); + .xl\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20rem * var(--space-y-reverse)); + .xl\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20rem * var(--space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--space-x-reverse))); + .xl\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-24rem * var(--space-y-reverse)); + .xl\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-24rem * var(--space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); + .xl\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-1px * var(--space-y-reverse)); + .xl\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-1px * var(--space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + .xl\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.125rem * var(--space-y-reverse)); + .xl\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.375rem * var(--space-y-reverse)); + .xl\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.375rem * var(--space-x-reverse)); - margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.625rem * var(--space-y-reverse)); + .xl\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.625rem * var(--space-x-reverse)); - margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--space-y-reverse)); + .xl\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-space-y-1\/2 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .xl\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:-space-x-1\/2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .xl\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:-space-y-1\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .xl\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:-space-x-1\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:-space-y-2\/3 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .xl\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:-space-x-2\/3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:-space-y-1\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .xl\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:-space-x-1\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .xl\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:-space-y-2\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .xl\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:-space-x-2\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .xl\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:-space-y-3\/4 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .xl\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:-space-x-3\/4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .xl\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:-space-y-1\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-20% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-20% * var(--space-y-reverse)); + .xl\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:-space-x-1\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-20% * var(--space-x-reverse)); - margin-left: calc(-20% * calc(1 - var(--space-x-reverse))); + .xl\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:-space-y-2\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-40% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-40% * var(--space-y-reverse)); + .xl\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:-space-x-2\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-40% * var(--space-x-reverse)); - margin-left: calc(-40% * calc(1 - var(--space-x-reverse))); + .xl\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:-space-y-3\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-60% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-60% * var(--space-y-reverse)); + .xl\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:-space-x-3\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-60% * var(--space-x-reverse)); - margin-left: calc(-60% * calc(1 - var(--space-x-reverse))); + .xl\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:-space-y-4\/5 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-80% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-80% * var(--space-y-reverse)); + .xl\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:-space-x-4\/5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-80% * var(--space-x-reverse)); - margin-left: calc(-80% * calc(1 - var(--space-x-reverse))); + .xl\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:-space-y-1\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .xl\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:-space-x-1\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:-space-y-2\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .xl\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:-space-x-2\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:-space-y-3\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .xl\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:-space-x-3\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .xl\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:-space-y-4\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .xl\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .xl\:-space-x-4\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:-space-y-5\/6 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .xl\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:-space-x-5\/6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:-space-y-1\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-8.33333% * var(--space-y-reverse)); + .xl\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:-space-x-1\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-8.33333% * var(--space-x-reverse)); - margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:-space-y-2\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-16.66667% * var(--space-y-reverse)); + .xl\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:-space-x-2\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-16.66667% * var(--space-x-reverse)); - margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:-space-y-3\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-25% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-25% * var(--space-y-reverse)); + .xl\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:-space-x-3\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-25% * var(--space-x-reverse)); - margin-left: calc(-25% * calc(1 - var(--space-x-reverse))); + .xl\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:-space-y-4\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-33.33333% * var(--space-y-reverse)); + .xl\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:-space-x-4\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-33.33333% * var(--space-x-reverse)); - margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:-space-y-5\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-41.66667% * var(--space-y-reverse)); + .xl\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:-space-x-5\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-41.66667% * var(--space-x-reverse)); - margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:-space-y-6\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-50% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-50% * var(--space-y-reverse)); + .xl\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:-space-x-6\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-50% * var(--space-x-reverse)); - margin-left: calc(-50% * calc(1 - var(--space-x-reverse))); + .xl\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:-space-y-7\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-58.33333% * var(--space-y-reverse)); + .xl\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:-space-x-7\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-58.33333% * var(--space-x-reverse)); - margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:-space-y-8\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-66.66667% * var(--space-y-reverse)); + .xl\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:-space-x-8\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-66.66667% * var(--space-x-reverse)); - margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:-space-y-9\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-75% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-75% * var(--space-y-reverse)); + .xl\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:-space-x-9\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-75% * var(--space-x-reverse)); - margin-left: calc(-75% * calc(1 - var(--space-x-reverse))); + .xl\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:-space-y-10\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-83.33333% * var(--space-y-reverse)); + .xl\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:-space-x-10\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-83.33333% * var(--space-x-reverse)); - margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse))); + .xl\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:-space-y-11\/12 > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-91.66667% * var(--space-y-reverse)); + .xl\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:-space-x-11\/12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-91.66667% * var(--space-x-reverse)); - margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse))); + .xl\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:-space-y-full > :not(template) ~ :not(template) { - --space-y-reverse: 0; - margin-top: calc(-100% * calc(1 - var(--space-y-reverse))); - margin-bottom: calc(-100% * var(--space-y-reverse)); + .xl\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:-space-x-full > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-right: calc(-100% * var(--space-x-reverse)); - margin-left: calc(-100% * calc(1 - var(--space-x-reverse))); + .xl\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .xl\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .xl\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(0px * var(--divide-y-reverse)); + .xl\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(0px * var(--divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .xl\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(2px * var(--divide-y-reverse)); + .xl\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(2px * var(--divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .xl\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(4px * var(--divide-y-reverse)); + .xl\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(4px * var(--divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .xl\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(8px * var(--divide-y-reverse)); + .xl\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(8px * var(--divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .xl\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); - border-bottom-width: calc(1px * var(--divide-y-reverse)); + .xl\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-right-width: calc(1px * var(--divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .xl\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .xl\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .xl\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .xl\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .xl\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #000000; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .xl\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ffffff; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .xl\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f9fafb; - border-color: rgba(249, 250, 251, var(--divide-opacity)); + .xl\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f4f5f7; - border-color: rgba(244, 245, 247, var(--divide-opacity)); + .xl\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5e7eb; - border-color: rgba(229, 231, 235, var(--divide-opacity)); + .xl\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d2d6dc; - border-color: rgba(210, 214, 220, var(--divide-opacity)); + .xl\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9fa6b2; - border-color: rgba(159, 166, 178, var(--divide-opacity)); + .xl\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6b7280; - border-color: rgba(107, 114, 128, var(--divide-opacity)); + .xl\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4b5563; - border-color: rgba(75, 85, 99, var(--divide-opacity)); + .xl\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #374151; - border-color: rgba(55, 65, 81, var(--divide-opacity)); + .xl\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #252f3f; - border-color: rgba(37, 47, 63, var(--divide-opacity)); + .xl\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #161e2e; - border-color: rgba(22, 30, 46, var(--divide-opacity)); + .xl\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f2; - border-color: rgba(253, 242, 242, var(--divide-opacity)); + .xl\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fde8e8; - border-color: rgba(253, 232, 232, var(--divide-opacity)); + .xl\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fbd5d5; - border-color: rgba(251, 213, 213, var(--divide-opacity)); + .xl\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4b4; - border-color: rgba(248, 180, 180, var(--divide-opacity)); + .xl\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f98080; - border-color: rgba(249, 128, 128, var(--divide-opacity)); + .xl\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f05252; - border-color: rgba(240, 82, 82, var(--divide-opacity)); + .xl\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e02424; - border-color: rgba(224, 36, 36, var(--divide-opacity)); + .xl\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c81e1e; - border-color: rgba(200, 30, 30, var(--divide-opacity)); + .xl\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9b1c1c; - border-color: rgba(155, 28, 28, var(--divide-opacity)); + .xl\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #771d1d; - border-color: rgba(119, 29, 29, var(--divide-opacity)); + .xl\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:divide-orange-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fff8f1; - border-color: rgba(255, 248, 241, var(--divide-opacity)); + .xl\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:divide-orange-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #feecdc; - border-color: rgba(254, 236, 220, var(--divide-opacity)); + .xl\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:divide-orange-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fcd9bd; - border-color: rgba(252, 217, 189, var(--divide-opacity)); + .xl\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:divide-orange-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdba8c; - border-color: rgba(253, 186, 140, var(--divide-opacity)); + .xl\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:divide-orange-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff8a4c; - border-color: rgba(255, 138, 76, var(--divide-opacity)); + .xl\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:divide-orange-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ff5a1f; - border-color: rgba(255, 90, 31, var(--divide-opacity)); + .xl\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:divide-orange-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d03801; - border-color: rgba(208, 56, 1, var(--divide-opacity)); + .xl\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:divide-orange-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b43403; - border-color: rgba(180, 52, 3, var(--divide-opacity)); + .xl\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:divide-orange-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8a2c0d; - border-color: rgba(138, 44, 13, var(--divide-opacity)); + .xl\:to-transparent { + --gradient-to-color: transparent; } - .xl\:divide-orange-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #73230d; - border-color: rgba(115, 35, 13, var(--divide-opacity)); + .xl\:to-current { + --gradient-to-color: currentColor; } - .xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdfdea; - border-color: rgba(253, 253, 234, var(--divide-opacity)); + .xl\:to-black { + --gradient-to-color: #000000; } - .xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf6b2; - border-color: rgba(253, 246, 178, var(--divide-opacity)); + .xl\:to-white { + --gradient-to-color: #ffffff; } - .xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce96a; - border-color: rgba(252, 233, 106, var(--divide-opacity)); + .xl\:to-gray-50 { + --gradient-to-color: #f9fafb; } - .xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #faca15; - border-color: rgba(250, 202, 21, var(--divide-opacity)); + .xl\:to-gray-100 { + --gradient-to-color: #f4f5f7; } - .xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e3a008; - border-color: rgba(227, 160, 8, var(--divide-opacity)); + .xl\:to-gray-200 { + --gradient-to-color: #e5e7eb; } - .xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c27803; - border-color: rgba(194, 120, 3, var(--divide-opacity)); + .xl\:to-gray-300 { + --gradient-to-color: #d2d6dc; } - .xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9f580a; - border-color: rgba(159, 88, 10, var(--divide-opacity)); + .xl\:to-gray-400 { + --gradient-to-color: #9fa6b2; } - .xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8e4b10; - border-color: rgba(142, 75, 16, var(--divide-opacity)); + .xl\:to-gray-500 { + --gradient-to-color: #6b7280; } - .xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #723b13; - border-color: rgba(114, 59, 19, var(--divide-opacity)); + .xl\:to-gray-600 { + --gradient-to-color: #4b5563; } - .xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #633112; - border-color: rgba(99, 49, 18, var(--divide-opacity)); + .xl\:to-gray-700 { + --gradient-to-color: #374151; } - .xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f3faf7; - border-color: rgba(243, 250, 247, var(--divide-opacity)); + .xl\:to-gray-800 { + --gradient-to-color: #252f3f; } - .xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #def7ec; - border-color: rgba(222, 247, 236, var(--divide-opacity)); + .xl\:to-gray-900 { + --gradient-to-color: #161e2e; } - .xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bcf0da; - border-color: rgba(188, 240, 218, var(--divide-opacity)); + .xl\:to-red-50 { + --gradient-to-color: #fdf2f2; } - .xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #84e1bc; - border-color: rgba(132, 225, 188, var(--divide-opacity)); + .xl\:to-red-100 { + --gradient-to-color: #fde8e8; } - .xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #31c48d; - border-color: rgba(49, 196, 141, var(--divide-opacity)); + .xl\:to-red-200 { + --gradient-to-color: #fbd5d5; } - .xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0e9f6e; - border-color: rgba(14, 159, 110, var(--divide-opacity)); + .xl\:to-red-300 { + --gradient-to-color: #f8b4b4; } - .xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #057a55; - border-color: rgba(5, 122, 85, var(--divide-opacity)); + .xl\:to-red-400 { + --gradient-to-color: #f98080; } - .xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #046c4e; - border-color: rgba(4, 108, 78, var(--divide-opacity)); + .xl\:to-red-500 { + --gradient-to-color: #f05252; } - .xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #03543f; - border-color: rgba(3, 84, 63, var(--divide-opacity)); + .xl\:to-red-600 { + --gradient-to-color: #e02424; } - .xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014737; - border-color: rgba(1, 71, 55, var(--divide-opacity)); + .xl\:to-red-700 { + --gradient-to-color: #c81e1e; } - .xl\:divide-teal-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edfafa; - border-color: rgba(237, 250, 250, var(--divide-opacity)); + .xl\:to-red-800 { + --gradient-to-color: #9b1c1c; } - .xl\:divide-teal-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d5f5f6; - border-color: rgba(213, 245, 246, var(--divide-opacity)); + .xl\:to-red-900 { + --gradient-to-color: #771d1d; } - .xl\:divide-teal-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #afecef; - border-color: rgba(175, 236, 239, var(--divide-opacity)); + .xl\:to-orange-50 { + --gradient-to-color: #fff8f1; } - .xl\:divide-teal-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7edce2; - border-color: rgba(126, 220, 226, var(--divide-opacity)); + .xl\:to-orange-100 { + --gradient-to-color: #feecdc; } - .xl\:divide-teal-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #16bdca; - border-color: rgba(22, 189, 202, var(--divide-opacity)); + .xl\:to-orange-200 { + --gradient-to-color: #fcd9bd; } - .xl\:divide-teal-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #0694a2; - border-color: rgba(6, 148, 162, var(--divide-opacity)); + .xl\:to-orange-300 { + --gradient-to-color: #fdba8c; } - .xl\:divide-teal-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #047481; - border-color: rgba(4, 116, 129, var(--divide-opacity)); + .xl\:to-orange-400 { + --gradient-to-color: #ff8a4c; } - .xl\:divide-teal-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #036672; - border-color: rgba(3, 102, 114, var(--divide-opacity)); + .xl\:to-orange-500 { + --gradient-to-color: #ff5a1f; } - .xl\:divide-teal-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #05505c; - border-color: rgba(5, 80, 92, var(--divide-opacity)); + .xl\:to-orange-600 { + --gradient-to-color: #d03801; } - .xl\:divide-teal-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #014451; - border-color: rgba(1, 68, 81, var(--divide-opacity)); + .xl\:to-orange-700 { + --gradient-to-color: #b43403; } - .xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ebf5ff; - border-color: rgba(235, 245, 255, var(--divide-opacity)); + .xl\:to-orange-800 { + --gradient-to-color: #8a2c0d; } - .xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e1effe; - border-color: rgba(225, 239, 254, var(--divide-opacity)); + .xl\:to-orange-900 { + --gradient-to-color: #73230d; } - .xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #c3ddfd; - border-color: rgba(195, 221, 253, var(--divide-opacity)); + .xl\:to-yellow-50 { + --gradient-to-color: #fdfdea; } - .xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #a4cafe; - border-color: rgba(164, 202, 254, var(--divide-opacity)); + .xl\:to-yellow-100 { + --gradient-to-color: #fdf6b2; } - .xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #76a9fa; - border-color: rgba(118, 169, 250, var(--divide-opacity)); + .xl\:to-yellow-200 { + --gradient-to-color: #fce96a; } - .xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #3f83f8; - border-color: rgba(63, 131, 248, var(--divide-opacity)); + .xl\:to-yellow-300 { + --gradient-to-color: #faca15; } - .xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1c64f2; - border-color: rgba(28, 100, 242, var(--divide-opacity)); + .xl\:to-yellow-400 { + --gradient-to-color: #e3a008; } - .xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1a56db; - border-color: rgba(26, 86, 219, var(--divide-opacity)); + .xl\:to-yellow-500 { + --gradient-to-color: #c27803; } - .xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #1e429f; - border-color: rgba(30, 66, 159, var(--divide-opacity)); + .xl\:to-yellow-600 { + --gradient-to-color: #9f580a; } - .xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #233876; - border-color: rgba(35, 56, 118, var(--divide-opacity)); + .xl\:to-yellow-700 { + --gradient-to-color: #8e4b10; } - .xl\:divide-indigo-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f0f5ff; - border-color: rgba(240, 245, 255, var(--divide-opacity)); + .xl\:to-yellow-800 { + --gradient-to-color: #723b13; } - .xl\:divide-indigo-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e5edff; - border-color: rgba(229, 237, 255, var(--divide-opacity)); + .xl\:to-yellow-900 { + --gradient-to-color: #633112; } - .xl\:divide-indigo-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cddbfe; - border-color: rgba(205, 219, 254, var(--divide-opacity)); + .xl\:to-green-50 { + --gradient-to-color: #f3faf7; } - .xl\:divide-indigo-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #b4c6fc; - border-color: rgba(180, 198, 252, var(--divide-opacity)); + .xl\:to-green-100 { + --gradient-to-color: #def7ec; } - .xl\:divide-indigo-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #8da2fb; - border-color: rgba(141, 162, 251, var(--divide-opacity)); + .xl\:to-green-200 { + --gradient-to-color: #bcf0da; } - .xl\:divide-indigo-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6875f5; - border-color: rgba(104, 117, 245, var(--divide-opacity)); + .xl\:to-green-300 { + --gradient-to-color: #84e1bc; } - .xl\:divide-indigo-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5850ec; - border-color: rgba(88, 80, 236, var(--divide-opacity)); + .xl\:to-green-400 { + --gradient-to-color: #31c48d; } - .xl\:divide-indigo-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5145cd; - border-color: rgba(81, 69, 205, var(--divide-opacity)); + .xl\:to-green-500 { + --gradient-to-color: #0e9f6e; } - .xl\:divide-indigo-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #42389d; - border-color: rgba(66, 56, 157, var(--divide-opacity)); + .xl\:to-green-600 { + --gradient-to-color: #057a55; } - .xl\:divide-indigo-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #362f78; - border-color: rgba(54, 47, 120, var(--divide-opacity)); + .xl\:to-green-700 { + --gradient-to-color: #046c4e; } - .xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f6f5ff; - border-color: rgba(246, 245, 255, var(--divide-opacity)); + .xl\:to-green-800 { + --gradient-to-color: #03543f; } - .xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #edebfe; - border-color: rgba(237, 235, 254, var(--divide-opacity)); + .xl\:to-green-900 { + --gradient-to-color: #014737; } - .xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #dcd7fe; - border-color: rgba(220, 215, 254, var(--divide-opacity)); + .xl\:to-teal-50 { + --gradient-to-color: #edfafa; } - .xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #cabffd; - border-color: rgba(202, 191, 253, var(--divide-opacity)); + .xl\:to-teal-100 { + --gradient-to-color: #d5f5f6; } - .xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #ac94fa; - border-color: rgba(172, 148, 250, var(--divide-opacity)); + .xl\:to-teal-200 { + --gradient-to-color: #afecef; } - .xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #9061f9; - border-color: rgba(144, 97, 249, var(--divide-opacity)); + .xl\:to-teal-300 { + --gradient-to-color: #7edce2; } - .xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #7e3af2; - border-color: rgba(126, 58, 242, var(--divide-opacity)); + .xl\:to-teal-400 { + --gradient-to-color: #16bdca; } - .xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #6c2bd9; - border-color: rgba(108, 43, 217, var(--divide-opacity)); + .xl\:to-teal-500 { + --gradient-to-color: #0694a2; } - .xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #5521b5; - border-color: rgba(85, 33, 181, var(--divide-opacity)); + .xl\:to-teal-600 { + --gradient-to-color: #047481; } - .xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #4a1d96; - border-color: rgba(74, 29, 150, var(--divide-opacity)); + .xl\:to-teal-700 { + --gradient-to-color: #036672; } - .xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fdf2f8; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .xl\:to-teal-800 { + --gradient-to-color: #05505c; } - .xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fce8f3; - border-color: rgba(252, 232, 243, var(--divide-opacity)); + .xl\:to-teal-900 { + --gradient-to-color: #014451; } - .xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #fad1e8; - border-color: rgba(250, 209, 232, var(--divide-opacity)); + .xl\:to-blue-50 { + --gradient-to-color: #ebf5ff; } - .xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f8b4d9; - border-color: rgba(248, 180, 217, var(--divide-opacity)); + .xl\:to-blue-100 { + --gradient-to-color: #e1effe; } - .xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #f17eb8; - border-color: rgba(241, 126, 184, var(--divide-opacity)); + .xl\:to-blue-200 { + --gradient-to-color: #c3ddfd; } - .xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #e74694; - border-color: rgba(231, 70, 148, var(--divide-opacity)); + .xl\:to-blue-300 { + --gradient-to-color: #a4cafe; } - .xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #d61f69; - border-color: rgba(214, 31, 105, var(--divide-opacity)); + .xl\:to-blue-400 { + --gradient-to-color: #76a9fa; } - .xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #bf125d; - border-color: rgba(191, 18, 93, var(--divide-opacity)); + .xl\:to-blue-500 { + --gradient-to-color: #3f83f8; } - .xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #99154b; - border-color: rgba(153, 21, 75, var(--divide-opacity)); + .xl\:to-blue-600 { + --gradient-to-color: #1c64f2; } - .xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: #751a3d; - border-color: rgba(117, 26, 61, var(--divide-opacity)); + .xl\:to-blue-700 { + --gradient-to-color: #1a56db; } - .xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .xl\:to-blue-800 { + --gradient-to-color: #1e429f; } - .xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .xl\:to-blue-900 { + --gradient-to-color: #233876; } - .xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .xl\:to-indigo-50 { + --gradient-to-color: #f0f5ff; } - .xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .xl\:to-indigo-100 { + --gradient-to-color: #e5edff; } - .xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .xl\:to-indigo-200 { + --gradient-to-color: #cddbfe; } - .xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .xl\:to-indigo-300 { + --gradient-to-color: #b4c6fc; } - .xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .xl\:to-indigo-400 { + --gradient-to-color: #8da2fb; } - .xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .xl\:to-indigo-500 { + --gradient-to-color: #6875f5; } - .xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .xl\:to-indigo-600 { + --gradient-to-color: #5850ec; } - .xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .xl\:to-indigo-700 { + --gradient-to-color: #5145cd; } - .xl\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:to-indigo-800 { + --gradient-to-color: #42389d; } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:to-indigo-900 { + --gradient-to-color: #362f78; } - .xl\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:to-purple-50 { + --gradient-to-color: #f6f5ff; } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:to-purple-100 { + --gradient-to-color: #edebfe; } - .xl\:appearance-none { - appearance: none; + .xl\:to-purple-200 { + --gradient-to-color: #dcd7fe; } - .xl\:bg-fixed { - background-attachment: fixed; + .xl\:to-purple-300 { + --gradient-to-color: #cabffd; } - .xl\:bg-local { - background-attachment: local; + .xl\:to-purple-400 { + --gradient-to-color: #ac94fa; } - .xl\:bg-scroll { - background-attachment: scroll; + .xl\:to-purple-500 { + --gradient-to-color: #9061f9; } - .xl\:bg-clip-border { - background-clip: border-box; + .xl\:to-purple-600 { + --gradient-to-color: #7e3af2; } - .xl\:bg-clip-padding { - background-clip: padding-box; + .xl\:to-purple-700 { + --gradient-to-color: #6c2bd9; } - .xl\:bg-clip-content { - background-clip: content-box; + .xl\:to-purple-800 { + --gradient-to-color: #5521b5; } - .xl\:bg-clip-text { - background-clip: text; + .xl\:to-purple-900 { + --gradient-to-color: #4a1d96; } - .xl\:bg-transparent { - background-color: transparent; + .xl\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .xl\:bg-current { - background-color: currentColor; + .xl\:to-pink-100 { + --gradient-to-color: #fce8f3; } - .xl\:bg-black { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:to-pink-200 { + --gradient-to-color: #fad1e8; } - .xl\:bg-white { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:to-pink-300 { + --gradient-to-color: #f8b4d9; } - .xl\:bg-gray-50 { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .xl\:to-pink-400 { + --gradient-to-color: #f17eb8; } - .xl\:bg-gray-100 { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .xl\:to-pink-500 { + --gradient-to-color: #e74694; } - .xl\:bg-gray-200 { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .xl\:to-pink-600 { + --gradient-to-color: #d61f69; } - .xl\:bg-gray-300 { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .xl\:to-pink-700 { + --gradient-to-color: #bf125d; } - .xl\:bg-gray-400 { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .xl\:to-pink-800 { + --gradient-to-color: #99154b; } - .xl\:bg-gray-500 { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .xl\:to-pink-900 { + --gradient-to-color: #751a3d; } - .xl\:bg-gray-600 { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:bg-gray-700 { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .xl\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:bg-gray-800 { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .xl\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:bg-gray-900 { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .xl\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:bg-red-50 { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .xl\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:bg-red-100 { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:bg-red-200 { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:bg-red-300 { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:bg-red-400 { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .xl\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:bg-red-500 { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .xl\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:bg-red-600 { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .xl\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:bg-red-700 { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .xl\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:bg-red-800 { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .xl\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:bg-red-900 { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .xl\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:bg-orange-50 { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .xl\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:bg-orange-100 { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .xl\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:bg-orange-200 { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .xl\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:bg-orange-300 { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .xl\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:bg-orange-400 { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .xl\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:bg-orange-500 { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .xl\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:bg-orange-600 { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .xl\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:bg-orange-700 { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .xl\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:bg-orange-800 { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .xl\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:bg-orange-900 { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .xl\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:bg-yellow-50 { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .xl\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:bg-yellow-100 { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .xl\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:bg-yellow-200 { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .xl\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:bg-yellow-300 { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .xl\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:bg-yellow-400 { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .xl\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:bg-yellow-500 { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .xl\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:bg-yellow-600 { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .xl\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .xl\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:bg-yellow-700 { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .xl\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:bg-yellow-800 { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .xl\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:bg-yellow-900 { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:bg-green-50 { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:bg-green-100 { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:bg-green-200 { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:bg-green-300 { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:bg-green-400 { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:bg-green-500 { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:bg-green-600 { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:bg-green-700 { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:bg-green-800 { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:bg-green-900 { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .xl\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:bg-teal-50 { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .xl\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:bg-teal-100 { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .xl\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:bg-teal-200 { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .xl\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:bg-teal-300 { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .xl\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:bg-teal-400 { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .xl\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:bg-teal-500 { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .xl\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:bg-teal-600 { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .xl\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:bg-teal-700 { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .xl\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:bg-teal-800 { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .xl\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:bg-teal-900 { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .xl\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:bg-blue-50 { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .xl\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:bg-blue-100 { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .xl\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:bg-blue-200 { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .xl\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:bg-blue-300 { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .xl\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:bg-blue-400 { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .xl\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:bg-blue-500 { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .xl\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:bg-blue-600 { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .xl\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:bg-blue-700 { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .xl\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:bg-blue-800 { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .xl\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:bg-blue-900 { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .xl\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:bg-indigo-50 { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .xl\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:bg-indigo-100 { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .xl\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:bg-indigo-200 { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .xl\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:bg-indigo-300 { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .xl\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:bg-indigo-400 { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:bg-indigo-500 { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .xl\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:bg-indigo-600 { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:bg-indigo-700 { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:bg-indigo-800 { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .xl\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .xl\:bg-indigo-900 { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .xl\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:bg-purple-50 { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .xl\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:bg-purple-100 { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .xl\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:bg-purple-200 { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .xl\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:bg-purple-300 { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .xl\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:bg-purple-400 { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .xl\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:bg-purple-500 { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .xl\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:bg-purple-600 { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .xl\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:bg-purple-700 { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .xl\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:bg-purple-800 { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .xl\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:bg-purple-900 { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:bg-pink-50 { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:bg-pink-100 { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .xl\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:bg-pink-200 { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .xl\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:bg-pink-300 { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .xl\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:bg-pink-400 { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .xl\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:bg-pink-500 { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:bg-pink-600 { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:bg-pink-700 { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:bg-pink-800 { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:bg-pink-900 { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .xl\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:hover\:bg-current:hover { - background-color: currentColor; + .xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .xl\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .xl\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .xl\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .xl\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .xl\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .xl\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .xl\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .xl\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .xl\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .xl\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .xl\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .xl\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .xl\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .xl\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .xl\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .xl\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .xl\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:hover\:bg-orange-50:hover { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .xl\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:hover\:bg-orange-100:hover { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .xl\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:hover\:bg-orange-200:hover { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .xl\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:hover\:bg-orange-300:hover { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .xl\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:hover\:bg-orange-400:hover { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .xl\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:hover\:bg-orange-500:hover { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .xl\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:hover\:bg-orange-600:hover { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .xl\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:hover\:bg-orange-700:hover { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .xl\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:hover\:bg-orange-800:hover { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .xl\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:hover\:bg-orange-900:hover { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .xl\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .xl\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .xl\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .xl\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .xl\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .xl\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .xl\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .xl\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .xl\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .xl\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .xl\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:hover\:bg-teal-50:hover { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .xl\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:hover\:bg-teal-100:hover { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .xl\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:hover\:bg-teal-200:hover { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .xl\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:hover\:bg-teal-300:hover { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .xl\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:hover\:bg-teal-400:hover { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .xl\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:hover\:bg-teal-500:hover { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .xl\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:hover\:bg-teal-600:hover { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .xl\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:hover\:bg-teal-700:hover { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .xl\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:hover\:bg-teal-800:hover { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .xl\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:hover\:bg-teal-900:hover { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .xl\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .xl\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .xl\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .xl\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .xl\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .xl\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .xl\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .xl\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .xl\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .xl\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .xl\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:hover\:bg-indigo-50:hover { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .xl\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:hover\:bg-indigo-100:hover { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .xl\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:hover\:bg-indigo-200:hover { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .xl\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:hover\:bg-indigo-300:hover { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .xl\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:hover\:bg-indigo-400:hover { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:hover\:bg-indigo-500:hover { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .xl\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:hover\:bg-indigo-600:hover { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:hover\:bg-indigo-700:hover { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:hover\:bg-indigo-800:hover { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .xl\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - - .xl\:hover\:bg-indigo-900:hover { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + + .xl\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .xl\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .xl\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .xl\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .xl\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .xl\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .xl\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .xl\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .xl\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .xl\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .xl\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .xl\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .xl\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .xl\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .xl\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:focus\:bg-current:focus { - background-color: currentColor; + .xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: #000000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: #ffffff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: #f9fafb; - background-color: rgba(249, 250, 251, var(--bg-opacity)); + .xl\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: #f4f5f7; - background-color: rgba(244, 245, 247, var(--bg-opacity)); + .xl\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: #e5e7eb; - background-color: rgba(229, 231, 235, var(--bg-opacity)); + .xl\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: #d2d6dc; - background-color: rgba(210, 214, 220, var(--bg-opacity)); + .xl\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: #9fa6b2; - background-color: rgba(159, 166, 178, var(--bg-opacity)); + .xl\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: #6b7280; - background-color: rgba(107, 114, 128, var(--bg-opacity)); + .xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: #4b5563; - background-color: rgba(75, 85, 99, var(--bg-opacity)); + .xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: #374151; - background-color: rgba(55, 65, 81, var(--bg-opacity)); + .xl\:hover\:to-black:hover { + --gradient-to-color: #000000; } - .xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: #252f3f; - background-color: rgba(37, 47, 63, var(--bg-opacity)); + .xl\:hover\:to-white:hover { + --gradient-to-color: #ffffff; } - .xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: #161e2e; - background-color: rgba(22, 30, 46, var(--bg-opacity)); + .xl\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; } - .xl\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: #fdf2f2; - background-color: rgba(253, 242, 242, var(--bg-opacity)); + .xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; } - .xl\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: #fde8e8; - background-color: rgba(253, 232, 232, var(--bg-opacity)); + .xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; } - .xl\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: #fbd5d5; - background-color: rgba(251, 213, 213, var(--bg-opacity)); + .xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; } - .xl\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: #f8b4b4; - background-color: rgba(248, 180, 180, var(--bg-opacity)); + .xl\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; } - .xl\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: #f98080; - background-color: rgba(249, 128, 128, var(--bg-opacity)); + .xl\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; } - .xl\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: #f05252; - background-color: rgba(240, 82, 82, var(--bg-opacity)); + .xl\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; } - .xl\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: #e02424; - background-color: rgba(224, 36, 36, var(--bg-opacity)); + .xl\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; } - .xl\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: #c81e1e; - background-color: rgba(200, 30, 30, var(--bg-opacity)); + .xl\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; } - .xl\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: #9b1c1c; - background-color: rgba(155, 28, 28, var(--bg-opacity)); + .xl\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; } - .xl\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: #771d1d; - background-color: rgba(119, 29, 29, var(--bg-opacity)); + .xl\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; } - .xl\:focus\:bg-orange-50:focus { - --bg-opacity: 1; - background-color: #fff8f1; - background-color: rgba(255, 248, 241, var(--bg-opacity)); + .xl\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; } - .xl\:focus\:bg-orange-100:focus { - --bg-opacity: 1; - background-color: #feecdc; - background-color: rgba(254, 236, 220, var(--bg-opacity)); + .xl\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; } - .xl\:focus\:bg-orange-200:focus { - --bg-opacity: 1; - background-color: #fcd9bd; - background-color: rgba(252, 217, 189, var(--bg-opacity)); + .xl\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; } - .xl\:focus\:bg-orange-300:focus { - --bg-opacity: 1; - background-color: #fdba8c; - background-color: rgba(253, 186, 140, var(--bg-opacity)); + .xl\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; } - .xl\:focus\:bg-orange-400:focus { - --bg-opacity: 1; - background-color: #ff8a4c; - background-color: rgba(255, 138, 76, var(--bg-opacity)); + .xl\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; } - .xl\:focus\:bg-orange-500:focus { - --bg-opacity: 1; - background-color: #ff5a1f; - background-color: rgba(255, 90, 31, var(--bg-opacity)); + .xl\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; } - .xl\:focus\:bg-orange-600:focus { - --bg-opacity: 1; - background-color: #d03801; - background-color: rgba(208, 56, 1, var(--bg-opacity)); + .xl\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; } - .xl\:focus\:bg-orange-700:focus { - --bg-opacity: 1; - background-color: #b43403; - background-color: rgba(180, 52, 3, var(--bg-opacity)); + .xl\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; } - .xl\:focus\:bg-orange-800:focus { - --bg-opacity: 1; - background-color: #8a2c0d; - background-color: rgba(138, 44, 13, var(--bg-opacity)); + .xl\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; } - .xl\:focus\:bg-orange-900:focus { - --bg-opacity: 1; - background-color: #73230d; - background-color: rgba(115, 35, 13, var(--bg-opacity)); + .xl\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; } - .xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: #fdfdea; - background-color: rgba(253, 253, 234, var(--bg-opacity)); + .xl\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; } - .xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: #fdf6b2; - background-color: rgba(253, 246, 178, var(--bg-opacity)); + .xl\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; } - .xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: #fce96a; - background-color: rgba(252, 233, 106, var(--bg-opacity)); + .xl\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; } - .xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: #faca15; - background-color: rgba(250, 202, 21, var(--bg-opacity)); + .xl\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; } - .xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: #e3a008; - background-color: rgba(227, 160, 8, var(--bg-opacity)); + .xl\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; } - .xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: #c27803; - background-color: rgba(194, 120, 3, var(--bg-opacity)); + .xl\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; } - .xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: #9f580a; - background-color: rgba(159, 88, 10, var(--bg-opacity)); + .xl\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; } - .xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: #8e4b10; - background-color: rgba(142, 75, 16, var(--bg-opacity)); + .xl\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; } - .xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: #723b13; - background-color: rgba(114, 59, 19, var(--bg-opacity)); + .xl\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; } - .xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: #633112; - background-color: rgba(99, 49, 18, var(--bg-opacity)); + .xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; } - .xl\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: #f3faf7; - background-color: rgba(243, 250, 247, var(--bg-opacity)); + .xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; } - .xl\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: #def7ec; - background-color: rgba(222, 247, 236, var(--bg-opacity)); + .xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; } - .xl\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: #bcf0da; - background-color: rgba(188, 240, 218, var(--bg-opacity)); + .xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; } - .xl\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: #84e1bc; - background-color: rgba(132, 225, 188, var(--bg-opacity)); + .xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; } - .xl\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: #31c48d; - background-color: rgba(49, 196, 141, var(--bg-opacity)); + .xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; } - .xl\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: #0e9f6e; - background-color: rgba(14, 159, 110, var(--bg-opacity)); + .xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; } - .xl\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: #057a55; - background-color: rgba(5, 122, 85, var(--bg-opacity)); + .xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; } - .xl\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: #046c4e; - background-color: rgba(4, 108, 78, var(--bg-opacity)); + .xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; } - .xl\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: #03543f; - background-color: rgba(3, 84, 63, var(--bg-opacity)); + .xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; } - .xl\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: #014737; - background-color: rgba(1, 71, 55, var(--bg-opacity)); + .xl\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; } - .xl\:focus\:bg-teal-50:focus { - --bg-opacity: 1; - background-color: #edfafa; - background-color: rgba(237, 250, 250, var(--bg-opacity)); + .xl\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; } - .xl\:focus\:bg-teal-100:focus { - --bg-opacity: 1; - background-color: #d5f5f6; - background-color: rgba(213, 245, 246, var(--bg-opacity)); + .xl\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; } - .xl\:focus\:bg-teal-200:focus { - --bg-opacity: 1; - background-color: #afecef; - background-color: rgba(175, 236, 239, var(--bg-opacity)); + .xl\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; } - .xl\:focus\:bg-teal-300:focus { - --bg-opacity: 1; - background-color: #7edce2; - background-color: rgba(126, 220, 226, var(--bg-opacity)); + .xl\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; } - .xl\:focus\:bg-teal-400:focus { - --bg-opacity: 1; - background-color: #16bdca; - background-color: rgba(22, 189, 202, var(--bg-opacity)); + .xl\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; } - .xl\:focus\:bg-teal-500:focus { - --bg-opacity: 1; - background-color: #0694a2; - background-color: rgba(6, 148, 162, var(--bg-opacity)); + .xl\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; } - .xl\:focus\:bg-teal-600:focus { - --bg-opacity: 1; - background-color: #047481; - background-color: rgba(4, 116, 129, var(--bg-opacity)); + .xl\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; } - .xl\:focus\:bg-teal-700:focus { - --bg-opacity: 1; - background-color: #036672; - background-color: rgba(3, 102, 114, var(--bg-opacity)); + .xl\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; } - .xl\:focus\:bg-teal-800:focus { - --bg-opacity: 1; - background-color: #05505c; - background-color: rgba(5, 80, 92, var(--bg-opacity)); + .xl\:hover\:to-green-900:hover { + --gradient-to-color: #014737; } - .xl\:focus\:bg-teal-900:focus { - --bg-opacity: 1; - background-color: #014451; - background-color: rgba(1, 68, 81, var(--bg-opacity)); + .xl\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; } - .xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: #ebf5ff; - background-color: rgba(235, 245, 255, var(--bg-opacity)); + .xl\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; } - .xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: #e1effe; - background-color: rgba(225, 239, 254, var(--bg-opacity)); + .xl\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; } - .xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: #c3ddfd; - background-color: rgba(195, 221, 253, var(--bg-opacity)); + .xl\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; } - .xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: #a4cafe; - background-color: rgba(164, 202, 254, var(--bg-opacity)); + .xl\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; } - .xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: #76a9fa; - background-color: rgba(118, 169, 250, var(--bg-opacity)); + .xl\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; } - .xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: #3f83f8; - background-color: rgba(63, 131, 248, var(--bg-opacity)); + .xl\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; } - .xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: #1c64f2; - background-color: rgba(28, 100, 242, var(--bg-opacity)); + .xl\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; } - .xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: #1a56db; - background-color: rgba(26, 86, 219, var(--bg-opacity)); + .xl\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; } - .xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: #1e429f; - background-color: rgba(30, 66, 159, var(--bg-opacity)); + .xl\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; } - .xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: #233876; - background-color: rgba(35, 56, 118, var(--bg-opacity)); + .xl\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; } - .xl\:focus\:bg-indigo-50:focus { - --bg-opacity: 1; - background-color: #f0f5ff; - background-color: rgba(240, 245, 255, var(--bg-opacity)); + .xl\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; } - .xl\:focus\:bg-indigo-100:focus { - --bg-opacity: 1; - background-color: #e5edff; - background-color: rgba(229, 237, 255, var(--bg-opacity)); + .xl\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; } - .xl\:focus\:bg-indigo-200:focus { - --bg-opacity: 1; - background-color: #cddbfe; - background-color: rgba(205, 219, 254, var(--bg-opacity)); + .xl\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; } - .xl\:focus\:bg-indigo-300:focus { - --bg-opacity: 1; - background-color: #b4c6fc; - background-color: rgba(180, 198, 252, var(--bg-opacity)); + .xl\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; } - .xl\:focus\:bg-indigo-400:focus { - --bg-opacity: 1; - background-color: #8da2fb; - background-color: rgba(141, 162, 251, var(--bg-opacity)); + .xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; } - .xl\:focus\:bg-indigo-500:focus { - --bg-opacity: 1; - background-color: #6875f5; - background-color: rgba(104, 117, 245, var(--bg-opacity)); + .xl\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; } - .xl\:focus\:bg-indigo-600:focus { - --bg-opacity: 1; - background-color: #5850ec; - background-color: rgba(88, 80, 236, var(--bg-opacity)); + .xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; } - .xl\:focus\:bg-indigo-700:focus { - --bg-opacity: 1; - background-color: #5145cd; - background-color: rgba(81, 69, 205, var(--bg-opacity)); + .xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; } - .xl\:focus\:bg-indigo-800:focus { - --bg-opacity: 1; - background-color: #42389d; - background-color: rgba(66, 56, 157, var(--bg-opacity)); + .xl\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; } - .xl\:focus\:bg-indigo-900:focus { - --bg-opacity: 1; - background-color: #362f78; - background-color: rgba(54, 47, 120, var(--bg-opacity)); + .xl\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; } - .xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: #f6f5ff; - background-color: rgba(246, 245, 255, var(--bg-opacity)); + .xl\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; } - .xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: #edebfe; - background-color: rgba(237, 235, 254, var(--bg-opacity)); + .xl\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; } - .xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: #dcd7fe; - background-color: rgba(220, 215, 254, var(--bg-opacity)); + .xl\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; } - .xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: #cabffd; - background-color: rgba(202, 191, 253, var(--bg-opacity)); + .xl\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; } - .xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: #ac94fa; - background-color: rgba(172, 148, 250, var(--bg-opacity)); + .xl\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; } - .xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: #9061f9; - background-color: rgba(144, 97, 249, var(--bg-opacity)); + .xl\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; } - .xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: #7e3af2; - background-color: rgba(126, 58, 242, var(--bg-opacity)); + .xl\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; } - .xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: #6c2bd9; - background-color: rgba(108, 43, 217, var(--bg-opacity)); + .xl\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; } - .xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: #5521b5; - background-color: rgba(85, 33, 181, var(--bg-opacity)); + .xl\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; } - .xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: #4a1d96; - background-color: rgba(74, 29, 150, var(--bg-opacity)); + .xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; } - .xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: #fdf2f8; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; } - .xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: #fce8f3; - background-color: rgba(252, 232, 243, var(--bg-opacity)); + .xl\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; } - .xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: #fad1e8; - background-color: rgba(250, 209, 232, var(--bg-opacity)); + .xl\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; } - .xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: #f8b4d9; - background-color: rgba(248, 180, 217, var(--bg-opacity)); + .xl\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; } - .xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: #f17eb8; - background-color: rgba(241, 126, 184, var(--bg-opacity)); + .xl\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; } - .xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: #e74694; - background-color: rgba(231, 70, 148, var(--bg-opacity)); + .xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; } - .xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: #d61f69; - background-color: rgba(214, 31, 105, var(--bg-opacity)); + .xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; } - .xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: #bf125d; - background-color: rgba(191, 18, 93, var(--bg-opacity)); + .xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; } - .xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: #99154b; - background-color: rgba(153, 21, 75, var(--bg-opacity)); + .xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; } - .xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: #751a3d; - background-color: rgba(117, 26, 61, var(--bg-opacity)); + .xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .xl\:bg-none { - background-image: none; + .xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .xl\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .xl\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .xl\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .xl\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .xl\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; } - .xl\:from-transparent { + .xl\:focus\:from-transparent:focus { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:from-current { + .xl\:focus\:from-current:focus { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:from-black { + .xl\:focus\:from-black:focus { --gradient-from-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:from-white { + .xl\:focus\:from-white:focus { --gradient-from-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:from-gray-50 { + .xl\:focus\:from-gray-50:focus { --gradient-from-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:from-gray-100 { + .xl\:focus\:from-gray-100:focus { --gradient-from-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:from-gray-200 { + .xl\:focus\:from-gray-200:focus { --gradient-from-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:from-gray-300 { + .xl\:focus\:from-gray-300:focus { --gradient-from-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:from-gray-400 { + .xl\:focus\:from-gray-400:focus { --gradient-from-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:from-gray-500 { + .xl\:focus\:from-gray-500:focus { --gradient-from-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:from-gray-600 { + .xl\:focus\:from-gray-600:focus { --gradient-from-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:from-gray-700 { + .xl\:focus\:from-gray-700:focus { --gradient-from-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:from-gray-800 { + .xl\:focus\:from-gray-800:focus { --gradient-from-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:from-gray-900 { + .xl\:focus\:from-gray-900:focus { --gradient-from-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:from-red-50 { + .xl\:focus\:from-red-50:focus { --gradient-from-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:from-red-100 { + .xl\:focus\:from-red-100:focus { --gradient-from-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:from-red-200 { + .xl\:focus\:from-red-200:focus { --gradient-from-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:from-red-300 { + .xl\:focus\:from-red-300:focus { --gradient-from-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:from-red-400 { + .xl\:focus\:from-red-400:focus { --gradient-from-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:from-red-500 { + .xl\:focus\:from-red-500:focus { --gradient-from-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:from-red-600 { + .xl\:focus\:from-red-600:focus { --gradient-from-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:from-red-700 { + .xl\:focus\:from-red-700:focus { --gradient-from-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:from-red-800 { + .xl\:focus\:from-red-800:focus { --gradient-from-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:from-red-900 { + .xl\:focus\:from-red-900:focus { --gradient-from-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:from-orange-50 { + .xl\:focus\:from-orange-50:focus { --gradient-from-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:from-orange-100 { + .xl\:focus\:from-orange-100:focus { --gradient-from-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:from-orange-200 { + .xl\:focus\:from-orange-200:focus { --gradient-from-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:from-orange-300 { + .xl\:focus\:from-orange-300:focus { --gradient-from-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:from-orange-400 { + .xl\:focus\:from-orange-400:focus { --gradient-from-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:from-orange-500 { + .xl\:focus\:from-orange-500:focus { --gradient-from-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:from-orange-600 { + .xl\:focus\:from-orange-600:focus { --gradient-from-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .xl\:from-orange-700 { + .xl\:focus\:from-orange-700:focus { --gradient-from-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:from-orange-800 { + .xl\:focus\:from-orange-800:focus { --gradient-from-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:from-orange-900 { + .xl\:focus\:from-orange-900:focus { --gradient-from-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:from-yellow-50 { + .xl\:focus\:from-yellow-50:focus { --gradient-from-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:from-yellow-100 { + .xl\:focus\:from-yellow-100:focus { --gradient-from-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:from-yellow-200 { + .xl\:focus\:from-yellow-200:focus { --gradient-from-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:from-yellow-300 { + .xl\:focus\:from-yellow-300:focus { --gradient-from-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:from-yellow-400 { + .xl\:focus\:from-yellow-400:focus { --gradient-from-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:from-yellow-500 { + .xl\:focus\:from-yellow-500:focus { --gradient-from-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:from-yellow-600 { + .xl\:focus\:from-yellow-600:focus { --gradient-from-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:from-yellow-700 { + .xl\:focus\:from-yellow-700:focus { --gradient-from-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:from-yellow-800 { + .xl\:focus\:from-yellow-800:focus { --gradient-from-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:from-yellow-900 { + .xl\:focus\:from-yellow-900:focus { --gradient-from-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:from-green-50 { + .xl\:focus\:from-green-50:focus { --gradient-from-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:from-green-100 { + .xl\:focus\:from-green-100:focus { --gradient-from-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:from-green-200 { + .xl\:focus\:from-green-200:focus { --gradient-from-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:from-green-300 { + .xl\:focus\:from-green-300:focus { --gradient-from-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:from-green-400 { + .xl\:focus\:from-green-400:focus { --gradient-from-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:from-green-500 { + .xl\:focus\:from-green-500:focus { --gradient-from-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:from-green-600 { + .xl\:focus\:from-green-600:focus { --gradient-from-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:from-green-700 { + .xl\:focus\:from-green-700:focus { --gradient-from-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:from-green-800 { + .xl\:focus\:from-green-800:focus { --gradient-from-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:from-green-900 { + .xl\:focus\:from-green-900:focus { --gradient-from-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:from-teal-50 { + .xl\:focus\:from-teal-50:focus { --gradient-from-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:from-teal-100 { + .xl\:focus\:from-teal-100:focus { --gradient-from-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:from-teal-200 { + .xl\:focus\:from-teal-200:focus { --gradient-from-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:from-teal-300 { + .xl\:focus\:from-teal-300:focus { --gradient-from-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:from-teal-400 { + .xl\:focus\:from-teal-400:focus { --gradient-from-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:from-teal-500 { + .xl\:focus\:from-teal-500:focus { --gradient-from-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:from-teal-600 { + .xl\:focus\:from-teal-600:focus { --gradient-from-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:from-teal-700 { + .xl\:focus\:from-teal-700:focus { --gradient-from-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:from-teal-800 { + .xl\:focus\:from-teal-800:focus { --gradient-from-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:from-teal-900 { + .xl\:focus\:from-teal-900:focus { --gradient-from-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:from-blue-50 { + .xl\:focus\:from-blue-50:focus { --gradient-from-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:from-blue-100 { + .xl\:focus\:from-blue-100:focus { --gradient-from-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:from-blue-200 { + .xl\:focus\:from-blue-200:focus { --gradient-from-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:from-blue-300 { + .xl\:focus\:from-blue-300:focus { --gradient-from-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:from-blue-400 { + .xl\:focus\:from-blue-400:focus { --gradient-from-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:from-blue-500 { + .xl\:focus\:from-blue-500:focus { --gradient-from-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:from-blue-600 { + .xl\:focus\:from-blue-600:focus { --gradient-from-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:from-blue-700 { + .xl\:focus\:from-blue-700:focus { --gradient-from-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:from-blue-800 { + .xl\:focus\:from-blue-800:focus { --gradient-from-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:from-blue-900 { + .xl\:focus\:from-blue-900:focus { --gradient-from-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .xl\:from-indigo-50 { + .xl\:focus\:from-indigo-50:focus { --gradient-from-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:from-indigo-100 { + .xl\:focus\:from-indigo-100:focus { --gradient-from-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:from-indigo-200 { + .xl\:focus\:from-indigo-200:focus { --gradient-from-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:from-indigo-300 { + .xl\:focus\:from-indigo-300:focus { --gradient-from-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:from-indigo-400 { + .xl\:focus\:from-indigo-400:focus { --gradient-from-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:from-indigo-500 { + .xl\:focus\:from-indigo-500:focus { --gradient-from-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:from-indigo-600 { + .xl\:focus\:from-indigo-600:focus { --gradient-from-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:from-indigo-700 { + .xl\:focus\:from-indigo-700:focus { --gradient-from-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:from-indigo-800 { + .xl\:focus\:from-indigo-800:focus { --gradient-from-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:from-indigo-900 { + .xl\:focus\:from-indigo-900:focus { --gradient-from-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:from-purple-50 { + .xl\:focus\:from-purple-50:focus { --gradient-from-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:from-purple-100 { + .xl\:focus\:from-purple-100:focus { --gradient-from-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:from-purple-200 { + .xl\:focus\:from-purple-200:focus { --gradient-from-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:from-purple-300 { + .xl\:focus\:from-purple-300:focus { --gradient-from-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:from-purple-400 { + .xl\:focus\:from-purple-400:focus { --gradient-from-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:from-purple-500 { + .xl\:focus\:from-purple-500:focus { --gradient-from-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:from-purple-600 { + .xl\:focus\:from-purple-600:focus { --gradient-from-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:from-purple-700 { + .xl\:focus\:from-purple-700:focus { --gradient-from-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:from-purple-800 { + .xl\:focus\:from-purple-800:focus { --gradient-from-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:from-purple-900 { + .xl\:focus\:from-purple-900:focus { --gradient-from-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:from-pink-50 { + .xl\:focus\:from-pink-50:focus { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:from-pink-100 { + .xl\:focus\:from-pink-100:focus { --gradient-from-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:from-pink-200 { + .xl\:focus\:from-pink-200:focus { --gradient-from-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:from-pink-300 { + .xl\:focus\:from-pink-300:focus { --gradient-from-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:from-pink-400 { + .xl\:focus\:from-pink-400:focus { --gradient-from-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:from-pink-500 { + .xl\:focus\:from-pink-500:focus { --gradient-from-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:from-pink-600 { + .xl\:focus\:from-pink-600:focus { --gradient-from-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:from-pink-700 { + .xl\:focus\:from-pink-700:focus { --gradient-from-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:from-pink-800 { + .xl\:focus\:from-pink-800:focus { --gradient-from-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:from-pink-900 { + .xl\:focus\:from-pink-900:focus { --gradient-from-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:via-transparent { + .xl\:focus\:via-transparent:focus { --gradient-via-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:via-current { + .xl\:focus\:via-current:focus { --gradient-via-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:via-black { + .xl\:focus\:via-black:focus { --gradient-via-color: #000000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:via-white { + .xl\:focus\:via-white:focus { --gradient-via-color: #ffffff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:via-gray-50 { + .xl\:focus\:via-gray-50:focus { --gradient-via-color: #f9fafb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); } - .xl\:via-gray-100 { + .xl\:focus\:via-gray-100:focus { --gradient-via-color: #f4f5f7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); } - .xl\:via-gray-200 { + .xl\:focus\:via-gray-200:focus { --gradient-via-color: #e5e7eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); } - .xl\:via-gray-300 { + .xl\:focus\:via-gray-300:focus { --gradient-via-color: #d2d6dc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); } - .xl\:via-gray-400 { + .xl\:focus\:via-gray-400:focus { --gradient-via-color: #9fa6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); } - .xl\:via-gray-500 { + .xl\:focus\:via-gray-500:focus { --gradient-via-color: #6b7280; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); } - .xl\:via-gray-600 { + .xl\:focus\:via-gray-600:focus { --gradient-via-color: #4b5563; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); } - .xl\:via-gray-700 { + .xl\:focus\:via-gray-700:focus { --gradient-via-color: #374151; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); } - .xl\:via-gray-800 { + .xl\:focus\:via-gray-800:focus { --gradient-via-color: #252f3f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); } - .xl\:via-gray-900 { + .xl\:focus\:via-gray-900:focus { --gradient-via-color: #161e2e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); } - .xl\:via-red-50 { + .xl\:focus\:via-red-50:focus { --gradient-via-color: #fdf2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); } - .xl\:via-red-100 { + .xl\:focus\:via-red-100:focus { --gradient-via-color: #fde8e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); } - .xl\:via-red-200 { + .xl\:focus\:via-red-200:focus { --gradient-via-color: #fbd5d5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); } - .xl\:via-red-300 { + .xl\:focus\:via-red-300:focus { --gradient-via-color: #f8b4b4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); } - .xl\:via-red-400 { + .xl\:focus\:via-red-400:focus { --gradient-via-color: #f98080; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); } - .xl\:via-red-500 { + .xl\:focus\:via-red-500:focus { --gradient-via-color: #f05252; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); } - .xl\:via-red-600 { + .xl\:focus\:via-red-600:focus { --gradient-via-color: #e02424; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); } - .xl\:via-red-700 { + .xl\:focus\:via-red-700:focus { --gradient-via-color: #c81e1e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); } - .xl\:via-red-800 { + .xl\:focus\:via-red-800:focus { --gradient-via-color: #9b1c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); } - .xl\:via-red-900 { + .xl\:focus\:via-red-900:focus { --gradient-via-color: #771d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); } - .xl\:via-orange-50 { + .xl\:focus\:via-orange-50:focus { --gradient-via-color: #fff8f1; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); } - .xl\:via-orange-100 { + .xl\:focus\:via-orange-100:focus { --gradient-via-color: #feecdc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); } - .xl\:via-orange-200 { + .xl\:focus\:via-orange-200:focus { --gradient-via-color: #fcd9bd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); } - .xl\:via-orange-300 { + .xl\:focus\:via-orange-300:focus { --gradient-via-color: #fdba8c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); } - .xl\:via-orange-400 { + .xl\:focus\:via-orange-400:focus { --gradient-via-color: #ff8a4c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); } - .xl\:via-orange-500 { + .xl\:focus\:via-orange-500:focus { --gradient-via-color: #ff5a1f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); } - .xl\:via-orange-600 { + .xl\:focus\:via-orange-600:focus { --gradient-via-color: #d03801; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); } - .xl\:via-orange-700 { + .xl\:focus\:via-orange-700:focus { --gradient-via-color: #b43403; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); } - .xl\:via-orange-800 { + .xl\:focus\:via-orange-800:focus { --gradient-via-color: #8a2c0d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); } - .xl\:via-orange-900 { + .xl\:focus\:via-orange-900:focus { --gradient-via-color: #73230d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); } - .xl\:via-yellow-50 { + .xl\:focus\:via-yellow-50:focus { --gradient-via-color: #fdfdea; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); } - .xl\:via-yellow-100 { + .xl\:focus\:via-yellow-100:focus { --gradient-via-color: #fdf6b2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); } - .xl\:via-yellow-200 { + .xl\:focus\:via-yellow-200:focus { --gradient-via-color: #fce96a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); } - .xl\:via-yellow-300 { + .xl\:focus\:via-yellow-300:focus { --gradient-via-color: #faca15; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); } - .xl\:via-yellow-400 { + .xl\:focus\:via-yellow-400:focus { --gradient-via-color: #e3a008; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); } - .xl\:via-yellow-500 { + .xl\:focus\:via-yellow-500:focus { --gradient-via-color: #c27803; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); } - .xl\:via-yellow-600 { + .xl\:focus\:via-yellow-600:focus { --gradient-via-color: #9f580a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); } - .xl\:via-yellow-700 { + .xl\:focus\:via-yellow-700:focus { --gradient-via-color: #8e4b10; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); } - .xl\:via-yellow-800 { + .xl\:focus\:via-yellow-800:focus { --gradient-via-color: #723b13; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); } - .xl\:via-yellow-900 { + .xl\:focus\:via-yellow-900:focus { --gradient-via-color: #633112; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); } - .xl\:via-green-50 { + .xl\:focus\:via-green-50:focus { --gradient-via-color: #f3faf7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); } - .xl\:via-green-100 { + .xl\:focus\:via-green-100:focus { --gradient-via-color: #def7ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); } - .xl\:via-green-200 { + .xl\:focus\:via-green-200:focus { --gradient-via-color: #bcf0da; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); } - .xl\:via-green-300 { + .xl\:focus\:via-green-300:focus { --gradient-via-color: #84e1bc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); } - .xl\:via-green-400 { + .xl\:focus\:via-green-400:focus { --gradient-via-color: #31c48d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); } - .xl\:via-green-500 { + .xl\:focus\:via-green-500:focus { --gradient-via-color: #0e9f6e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); } - .xl\:via-green-600 { + .xl\:focus\:via-green-600:focus { --gradient-via-color: #057a55; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); } - .xl\:via-green-700 { + .xl\:focus\:via-green-700:focus { --gradient-via-color: #046c4e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); } - .xl\:via-green-800 { + .xl\:focus\:via-green-800:focus { --gradient-via-color: #03543f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); } - .xl\:via-green-900 { + .xl\:focus\:via-green-900:focus { --gradient-via-color: #014737; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); } - .xl\:via-teal-50 { + .xl\:focus\:via-teal-50:focus { --gradient-via-color: #edfafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); } - .xl\:via-teal-100 { + .xl\:focus\:via-teal-100:focus { --gradient-via-color: #d5f5f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); } - .xl\:via-teal-200 { + .xl\:focus\:via-teal-200:focus { --gradient-via-color: #afecef; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); } - .xl\:via-teal-300 { + .xl\:focus\:via-teal-300:focus { --gradient-via-color: #7edce2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); } - .xl\:via-teal-400 { + .xl\:focus\:via-teal-400:focus { --gradient-via-color: #16bdca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); } - .xl\:via-teal-500 { + .xl\:focus\:via-teal-500:focus { --gradient-via-color: #0694a2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); } - .xl\:via-teal-600 { + .xl\:focus\:via-teal-600:focus { --gradient-via-color: #047481; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); } - .xl\:via-teal-700 { + .xl\:focus\:via-teal-700:focus { --gradient-via-color: #036672; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); } - .xl\:via-teal-800 { + .xl\:focus\:via-teal-800:focus { --gradient-via-color: #05505c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); } - .xl\:via-teal-900 { + .xl\:focus\:via-teal-900:focus { --gradient-via-color: #014451; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); } - .xl\:via-blue-50 { + .xl\:focus\:via-blue-50:focus { --gradient-via-color: #ebf5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); } - .xl\:via-blue-100 { + .xl\:focus\:via-blue-100:focus { --gradient-via-color: #e1effe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); } - .xl\:via-blue-200 { + .xl\:focus\:via-blue-200:focus { --gradient-via-color: #c3ddfd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); } - .xl\:via-blue-300 { + .xl\:focus\:via-blue-300:focus { --gradient-via-color: #a4cafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); } - .xl\:via-blue-400 { + .xl\:focus\:via-blue-400:focus { --gradient-via-color: #76a9fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); } - .xl\:via-blue-500 { + .xl\:focus\:via-blue-500:focus { --gradient-via-color: #3f83f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); } - .xl\:via-blue-600 { + .xl\:focus\:via-blue-600:focus { --gradient-via-color: #1c64f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); } - .xl\:via-blue-700 { + .xl\:focus\:via-blue-700:focus { --gradient-via-color: #1a56db; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); } - .xl\:via-blue-800 { + .xl\:focus\:via-blue-800:focus { --gradient-via-color: #1e429f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); } - .xl\:via-blue-900 { + .xl\:focus\:via-blue-900:focus { --gradient-via-color: #233876; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); } - .xl\:via-indigo-50 { + .xl\:focus\:via-indigo-50:focus { --gradient-via-color: #f0f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); } - .xl\:via-indigo-100 { + .xl\:focus\:via-indigo-100:focus { --gradient-via-color: #e5edff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); } - .xl\:via-indigo-200 { + .xl\:focus\:via-indigo-200:focus { --gradient-via-color: #cddbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); } - .xl\:via-indigo-300 { + .xl\:focus\:via-indigo-300:focus { --gradient-via-color: #b4c6fc; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); } - .xl\:via-indigo-400 { + .xl\:focus\:via-indigo-400:focus { --gradient-via-color: #8da2fb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); } - .xl\:via-indigo-500 { + .xl\:focus\:via-indigo-500:focus { --gradient-via-color: #6875f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); } - .xl\:via-indigo-600 { + .xl\:focus\:via-indigo-600:focus { --gradient-via-color: #5850ec; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); } - .xl\:via-indigo-700 { + .xl\:focus\:via-indigo-700:focus { --gradient-via-color: #5145cd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); } - .xl\:via-indigo-800 { + .xl\:focus\:via-indigo-800:focus { --gradient-via-color: #42389d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); } - .xl\:via-indigo-900 { + .xl\:focus\:via-indigo-900:focus { --gradient-via-color: #362f78; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); } - .xl\:via-purple-50 { + .xl\:focus\:via-purple-50:focus { --gradient-via-color: #f6f5ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); } - .xl\:via-purple-100 { + .xl\:focus\:via-purple-100:focus { --gradient-via-color: #edebfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); } - .xl\:via-purple-200 { + .xl\:focus\:via-purple-200:focus { --gradient-via-color: #dcd7fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); } - .xl\:via-purple-300 { + .xl\:focus\:via-purple-300:focus { --gradient-via-color: #cabffd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); } - .xl\:via-purple-400 { + .xl\:focus\:via-purple-400:focus { --gradient-via-color: #ac94fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); } - .xl\:via-purple-500 { + .xl\:focus\:via-purple-500:focus { --gradient-via-color: #9061f9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); } - .xl\:via-purple-600 { + .xl\:focus\:via-purple-600:focus { --gradient-via-color: #7e3af2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); } - .xl\:via-purple-700 { + .xl\:focus\:via-purple-700:focus { --gradient-via-color: #6c2bd9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); } - .xl\:via-purple-800 { + .xl\:focus\:via-purple-800:focus { --gradient-via-color: #5521b5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); } - .xl\:via-purple-900 { + .xl\:focus\:via-purple-900:focus { --gradient-via-color: #4a1d96; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); } - .xl\:via-pink-50 { + .xl\:focus\:via-pink-50:focus { --gradient-via-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .xl\:via-pink-100 { + .xl\:focus\:via-pink-100:focus { --gradient-via-color: #fce8f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); } - .xl\:via-pink-200 { + .xl\:focus\:via-pink-200:focus { --gradient-via-color: #fad1e8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); } - .xl\:via-pink-300 { + .xl\:focus\:via-pink-300:focus { --gradient-via-color: #f8b4d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); } - .xl\:via-pink-400 { + .xl\:focus\:via-pink-400:focus { --gradient-via-color: #f17eb8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); } - .xl\:via-pink-500 { + .xl\:focus\:via-pink-500:focus { --gradient-via-color: #e74694; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); } - .xl\:via-pink-600 { + .xl\:focus\:via-pink-600:focus { --gradient-via-color: #d61f69; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); } - .xl\:via-pink-700 { + .xl\:focus\:via-pink-700:focus { --gradient-via-color: #bf125d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); } - .xl\:via-pink-800 { + .xl\:focus\:via-pink-800:focus { --gradient-via-color: #99154b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); } - .xl\:via-pink-900 { + .xl\:focus\:via-pink-900:focus { --gradient-via-color: #751a3d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); } - .xl\:to-transparent { + .xl\:focus\:to-transparent:focus { --gradient-to-color: transparent; } - .xl\:to-current { + .xl\:focus\:to-current:focus { --gradient-to-color: currentColor; } - .xl\:to-black { + .xl\:focus\:to-black:focus { --gradient-to-color: #000000; } - .xl\:to-white { + .xl\:focus\:to-white:focus { --gradient-to-color: #ffffff; } - .xl\:to-gray-50 { + .xl\:focus\:to-gray-50:focus { --gradient-to-color: #f9fafb; } - .xl\:to-gray-100 { + .xl\:focus\:to-gray-100:focus { --gradient-to-color: #f4f5f7; } - .xl\:to-gray-200 { + .xl\:focus\:to-gray-200:focus { --gradient-to-color: #e5e7eb; } - .xl\:to-gray-300 { + .xl\:focus\:to-gray-300:focus { --gradient-to-color: #d2d6dc; } - .xl\:to-gray-400 { + .xl\:focus\:to-gray-400:focus { --gradient-to-color: #9fa6b2; } - .xl\:to-gray-500 { + .xl\:focus\:to-gray-500:focus { --gradient-to-color: #6b7280; } - .xl\:to-gray-600 { + .xl\:focus\:to-gray-600:focus { --gradient-to-color: #4b5563; } - .xl\:to-gray-700 { + .xl\:focus\:to-gray-700:focus { --gradient-to-color: #374151; } - .xl\:to-gray-800 { + .xl\:focus\:to-gray-800:focus { --gradient-to-color: #252f3f; } - .xl\:to-gray-900 { + .xl\:focus\:to-gray-900:focus { --gradient-to-color: #161e2e; } - .xl\:to-red-50 { + .xl\:focus\:to-red-50:focus { --gradient-to-color: #fdf2f2; } - .xl\:to-red-100 { + .xl\:focus\:to-red-100:focus { --gradient-to-color: #fde8e8; } - .xl\:to-red-200 { + .xl\:focus\:to-red-200:focus { --gradient-to-color: #fbd5d5; } - .xl\:to-red-300 { + .xl\:focus\:to-red-300:focus { --gradient-to-color: #f8b4b4; } - .xl\:to-red-400 { + .xl\:focus\:to-red-400:focus { --gradient-to-color: #f98080; } - .xl\:to-red-500 { + .xl\:focus\:to-red-500:focus { --gradient-to-color: #f05252; } - .xl\:to-red-600 { + .xl\:focus\:to-red-600:focus { --gradient-to-color: #e02424; } - .xl\:to-red-700 { + .xl\:focus\:to-red-700:focus { --gradient-to-color: #c81e1e; } - .xl\:to-red-800 { + .xl\:focus\:to-red-800:focus { --gradient-to-color: #9b1c1c; } - .xl\:to-red-900 { + .xl\:focus\:to-red-900:focus { --gradient-to-color: #771d1d; } - .xl\:to-orange-50 { + .xl\:focus\:to-orange-50:focus { --gradient-to-color: #fff8f1; } - .xl\:to-orange-100 { + .xl\:focus\:to-orange-100:focus { --gradient-to-color: #feecdc; } - .xl\:to-orange-200 { + .xl\:focus\:to-orange-200:focus { --gradient-to-color: #fcd9bd; } - .xl\:to-orange-300 { + .xl\:focus\:to-orange-300:focus { --gradient-to-color: #fdba8c; } - .xl\:to-orange-400 { + .xl\:focus\:to-orange-400:focus { --gradient-to-color: #ff8a4c; } - .xl\:to-orange-500 { + .xl\:focus\:to-orange-500:focus { --gradient-to-color: #ff5a1f; } - .xl\:to-orange-600 { + .xl\:focus\:to-orange-600:focus { --gradient-to-color: #d03801; } - .xl\:to-orange-700 { + .xl\:focus\:to-orange-700:focus { --gradient-to-color: #b43403; } - .xl\:to-orange-800 { + .xl\:focus\:to-orange-800:focus { --gradient-to-color: #8a2c0d; } - .xl\:to-orange-900 { + .xl\:focus\:to-orange-900:focus { --gradient-to-color: #73230d; } - .xl\:to-yellow-50 { + .xl\:focus\:to-yellow-50:focus { --gradient-to-color: #fdfdea; } - .xl\:to-yellow-100 { + .xl\:focus\:to-yellow-100:focus { --gradient-to-color: #fdf6b2; } - .xl\:to-yellow-200 { + .xl\:focus\:to-yellow-200:focus { --gradient-to-color: #fce96a; } - .xl\:to-yellow-300 { + .xl\:focus\:to-yellow-300:focus { --gradient-to-color: #faca15; } - .xl\:to-yellow-400 { + .xl\:focus\:to-yellow-400:focus { --gradient-to-color: #e3a008; } - .xl\:to-yellow-500 { + .xl\:focus\:to-yellow-500:focus { --gradient-to-color: #c27803; } - .xl\:to-yellow-600 { + .xl\:focus\:to-yellow-600:focus { --gradient-to-color: #9f580a; } - .xl\:to-yellow-700 { + .xl\:focus\:to-yellow-700:focus { --gradient-to-color: #8e4b10; } - .xl\:to-yellow-800 { + .xl\:focus\:to-yellow-800:focus { --gradient-to-color: #723b13; } - .xl\:to-yellow-900 { + .xl\:focus\:to-yellow-900:focus { --gradient-to-color: #633112; } - .xl\:to-green-50 { + .xl\:focus\:to-green-50:focus { --gradient-to-color: #f3faf7; } - .xl\:to-green-100 { + .xl\:focus\:to-green-100:focus { --gradient-to-color: #def7ec; } - .xl\:to-green-200 { + .xl\:focus\:to-green-200:focus { --gradient-to-color: #bcf0da; } - .xl\:to-green-300 { + .xl\:focus\:to-green-300:focus { --gradient-to-color: #84e1bc; } - .xl\:to-green-400 { + .xl\:focus\:to-green-400:focus { --gradient-to-color: #31c48d; } - .xl\:to-green-500 { + .xl\:focus\:to-green-500:focus { --gradient-to-color: #0e9f6e; } - .xl\:to-green-600 { + .xl\:focus\:to-green-600:focus { --gradient-to-color: #057a55; } - .xl\:to-green-700 { + .xl\:focus\:to-green-700:focus { --gradient-to-color: #046c4e; } - .xl\:to-green-800 { + .xl\:focus\:to-green-800:focus { --gradient-to-color: #03543f; } - .xl\:to-green-900 { + .xl\:focus\:to-green-900:focus { --gradient-to-color: #014737; } - .xl\:to-teal-50 { + .xl\:focus\:to-teal-50:focus { --gradient-to-color: #edfafa; } - .xl\:to-teal-100 { + .xl\:focus\:to-teal-100:focus { --gradient-to-color: #d5f5f6; } - .xl\:to-teal-200 { + .xl\:focus\:to-teal-200:focus { --gradient-to-color: #afecef; } - .xl\:to-teal-300 { + .xl\:focus\:to-teal-300:focus { --gradient-to-color: #7edce2; } - .xl\:to-teal-400 { + .xl\:focus\:to-teal-400:focus { --gradient-to-color: #16bdca; } - .xl\:to-teal-500 { + .xl\:focus\:to-teal-500:focus { --gradient-to-color: #0694a2; } - .xl\:to-teal-600 { + .xl\:focus\:to-teal-600:focus { --gradient-to-color: #047481; } - .xl\:to-teal-700 { + .xl\:focus\:to-teal-700:focus { --gradient-to-color: #036672; } - .xl\:to-teal-800 { + .xl\:focus\:to-teal-800:focus { --gradient-to-color: #05505c; } - .xl\:to-teal-900 { + .xl\:focus\:to-teal-900:focus { --gradient-to-color: #014451; } - .xl\:to-blue-50 { + .xl\:focus\:to-blue-50:focus { --gradient-to-color: #ebf5ff; } - .xl\:to-blue-100 { + .xl\:focus\:to-blue-100:focus { --gradient-to-color: #e1effe; } - .xl\:to-blue-200 { - --gradient-to-color: #c3ddfd; - } + .xl\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } + + .xl\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } + + .xl\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } + + .xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } + + .xl\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } + + .xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } + + .xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } + + .xl\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } + + .xl\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } + + .xl\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } + + .xl\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } + + .xl\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } + + .xl\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } + + .xl\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } + + .xl\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } + + .xl\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } + + .xl\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } + + .xl\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } + + .xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } + + .xl\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } + + .xl\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } + + .xl\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } + + .xl\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } + + .xl\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } + + .xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } + + .xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } + + .xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } + + .xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } + + .xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } + + .xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } + + .xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } + + .xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } + + .xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } + + .xl\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } + + .xl\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } + + .xl\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } + + .xl\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } + + .xl\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } + + @media (prefers-color-scheme: dark) { + .xl\:dark\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .xl\:dark\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .xl\:dark\:from-black { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .xl\:dark\:from-white { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .xl\:dark\:from-gray-50 { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .xl\:dark\:from-gray-100 { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .xl\:dark\:from-gray-200 { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .xl\:dark\:from-gray-300 { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .xl\:dark\:from-gray-400 { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .xl\:dark\:from-gray-500 { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .xl\:dark\:from-gray-600 { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .xl\:dark\:from-gray-700 { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .xl\:dark\:from-gray-800 { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .xl\:dark\:from-gray-900 { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .xl\:dark\:from-red-50 { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .xl\:dark\:from-red-100 { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .xl\:dark\:from-red-200 { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .xl\:dark\:from-red-300 { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .xl\:dark\:from-red-400 { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .xl\:dark\:from-red-500 { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .xl\:dark\:from-red-600 { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .xl\:dark\:from-red-700 { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .xl\:dark\:from-red-800 { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .xl\:dark\:from-red-900 { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .xl\:dark\:from-orange-50 { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .xl\:dark\:from-orange-100 { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .xl\:dark\:from-orange-200 { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .xl\:dark\:from-orange-300 { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .xl\:dark\:from-orange-400 { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .xl\:dark\:from-orange-500 { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .xl\:dark\:from-orange-600 { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .xl\:dark\:from-orange-700 { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .xl\:dark\:from-orange-800 { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .xl\:dark\:from-orange-900 { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .xl\:dark\:from-yellow-50 { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .xl\:dark\:from-yellow-100 { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .xl\:dark\:from-yellow-200 { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .xl\:dark\:from-yellow-300 { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .xl\:dark\:from-yellow-400 { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .xl\:dark\:from-yellow-500 { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .xl\:dark\:from-yellow-600 { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .xl\:dark\:from-yellow-700 { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .xl\:dark\:from-yellow-800 { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .xl\:dark\:from-yellow-900 { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .xl\:dark\:from-green-50 { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .xl\:dark\:from-green-100 { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .xl\:dark\:from-green-200 { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .xl\:dark\:from-green-300 { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .xl\:dark\:from-green-400 { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .xl\:dark\:from-green-500 { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .xl\:dark\:from-green-600 { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .xl\:dark\:from-green-700 { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .xl\:dark\:from-green-800 { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .xl\:dark\:from-green-900 { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .xl\:dark\:from-teal-50 { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .xl\:dark\:from-teal-100 { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .xl\:dark\:from-teal-200 { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .xl\:dark\:from-teal-300 { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .xl\:dark\:from-teal-400 { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .xl\:dark\:from-teal-500 { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .xl\:dark\:from-teal-600 { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .xl\:dark\:from-teal-700 { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .xl\:dark\:from-teal-800 { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .xl\:dark\:from-teal-900 { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .xl\:dark\:from-blue-50 { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .xl\:dark\:from-blue-100 { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .xl\:dark\:from-blue-200 { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .xl\:dark\:from-blue-300 { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .xl\:dark\:from-blue-400 { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .xl\:dark\:from-blue-500 { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .xl\:dark\:from-blue-600 { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .xl\:dark\:from-blue-700 { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .xl\:dark\:from-blue-800 { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .xl\:dark\:from-blue-900 { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .xl\:dark\:from-indigo-50 { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .xl\:dark\:from-indigo-100 { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .xl\:dark\:from-indigo-200 { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .xl\:dark\:from-indigo-300 { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .xl\:dark\:from-indigo-400 { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .xl\:dark\:from-indigo-500 { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .xl\:dark\:from-indigo-600 { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .xl\:dark\:from-indigo-700 { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .xl\:dark\:from-indigo-800 { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .xl\:dark\:from-indigo-900 { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .xl\:dark\:from-purple-50 { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .xl\:dark\:from-purple-100 { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .xl\:dark\:from-purple-200 { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .xl\:dark\:from-purple-300 { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .xl\:dark\:from-purple-400 { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .xl\:dark\:from-purple-500 { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .xl\:dark\:from-purple-600 { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .xl\:dark\:from-purple-700 { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .xl\:dark\:from-purple-800 { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .xl\:dark\:from-purple-900 { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .xl\:dark\:from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .xl\:dark\:from-pink-100 { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .xl\:dark\:from-pink-200 { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .xl\:dark\:from-pink-300 { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .xl\:dark\:from-pink-400 { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .xl\:dark\:from-pink-500 { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .xl\:dark\:from-pink-600 { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .xl\:dark\:from-pink-700 { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .xl\:dark\:from-pink-800 { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .xl\:dark\:from-pink-900 { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .xl\:dark\:via-transparent { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .xl\:dark\:via-current { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .xl\:dark\:via-black { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } + + .xl\:dark\:via-white { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } + + .xl\:dark\:via-gray-50 { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } + + .xl\:dark\:via-gray-100 { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } + + .xl\:dark\:via-gray-200 { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } + + .xl\:dark\:via-gray-300 { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } + + .xl\:dark\:via-gray-400 { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } + + .xl\:dark\:via-gray-500 { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } + + .xl\:dark\:via-gray-600 { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } + + .xl\:dark\:via-gray-700 { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } + + .xl\:dark\:via-gray-800 { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } + + .xl\:dark\:via-gray-900 { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } + + .xl\:dark\:via-red-50 { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } + + .xl\:dark\:via-red-100 { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } + + .xl\:dark\:via-red-200 { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } + + .xl\:dark\:via-red-300 { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } + + .xl\:dark\:via-red-400 { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } + + .xl\:dark\:via-red-500 { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } + + .xl\:dark\:via-red-600 { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } + + .xl\:dark\:via-red-700 { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } + + .xl\:dark\:via-red-800 { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } + + .xl\:dark\:via-red-900 { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } + + .xl\:dark\:via-orange-50 { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } + + .xl\:dark\:via-orange-100 { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } + + .xl\:dark\:via-orange-200 { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } + + .xl\:dark\:via-orange-300 { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } + + .xl\:dark\:via-orange-400 { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } + + .xl\:dark\:via-orange-500 { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } + + .xl\:dark\:via-orange-600 { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } + + .xl\:dark\:via-orange-700 { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } + + .xl\:dark\:via-orange-800 { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } + + .xl\:dark\:via-orange-900 { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } + + .xl\:dark\:via-yellow-50 { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } + + .xl\:dark\:via-yellow-100 { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } + + .xl\:dark\:via-yellow-200 { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } + + .xl\:dark\:via-yellow-300 { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } + + .xl\:dark\:via-yellow-400 { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } + + .xl\:dark\:via-yellow-500 { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } + + .xl\:dark\:via-yellow-600 { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } + + .xl\:dark\:via-yellow-700 { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } + + .xl\:dark\:via-yellow-800 { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } + + .xl\:dark\:via-yellow-900 { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } + + .xl\:dark\:via-green-50 { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } + + .xl\:dark\:via-green-100 { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } + + .xl\:dark\:via-green-200 { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } + + .xl\:dark\:via-green-300 { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } + + .xl\:dark\:via-green-400 { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } + + .xl\:dark\:via-green-500 { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } + + .xl\:dark\:via-green-600 { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } + + .xl\:dark\:via-green-700 { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } + + .xl\:dark\:via-green-800 { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } + + .xl\:dark\:via-green-900 { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } + + .xl\:dark\:via-teal-50 { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } + + .xl\:dark\:via-teal-100 { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } + + .xl\:dark\:via-teal-200 { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } + + .xl\:dark\:via-teal-300 { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } + + .xl\:dark\:via-teal-400 { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } + + .xl\:dark\:via-teal-500 { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } + + .xl\:dark\:via-teal-600 { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } + + .xl\:dark\:via-teal-700 { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } + + .xl\:dark\:via-teal-800 { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } + + .xl\:dark\:via-teal-900 { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } + + .xl\:dark\:via-blue-50 { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } + + .xl\:dark\:via-blue-100 { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .xl\:dark\:via-blue-200 { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } + + .xl\:dark\:via-blue-300 { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } + + .xl\:dark\:via-blue-400 { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } + + .xl\:dark\:via-blue-500 { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } + + .xl\:dark\:via-blue-600 { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } + + .xl\:dark\:via-blue-700 { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } + + .xl\:dark\:via-blue-800 { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } + + .xl\:dark\:via-blue-900 { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } + + .xl\:dark\:via-indigo-50 { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } + + .xl\:dark\:via-indigo-100 { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } + + .xl\:dark\:via-indigo-200 { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } + + .xl\:dark\:via-indigo-300 { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } + + .xl\:dark\:via-indigo-400 { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } + + .xl\:dark\:via-indigo-500 { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } + + .xl\:dark\:via-indigo-600 { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } + + .xl\:dark\:via-indigo-700 { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } + + .xl\:dark\:via-indigo-800 { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } + + .xl\:dark\:via-indigo-900 { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .xl\:dark\:via-purple-50 { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } + + .xl\:dark\:via-purple-100 { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } + + .xl\:dark\:via-purple-200 { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } + + .xl\:dark\:via-purple-300 { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } + + .xl\:dark\:via-purple-400 { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } + + .xl\:dark\:via-purple-500 { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } + + .xl\:dark\:via-purple-600 { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } + + .xl\:dark\:via-purple-700 { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } + + .xl\:dark\:via-purple-800 { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } + + .xl\:dark\:via-purple-900 { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } + + .xl\:dark\:via-pink-50 { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } + + .xl\:dark\:via-pink-100 { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } + + .xl\:dark\:via-pink-200 { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } + + .xl\:dark\:via-pink-300 { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } + + .xl\:dark\:via-pink-400 { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } + + .xl\:dark\:via-pink-500 { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } + + .xl\:dark\:via-pink-600 { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } + + .xl\:dark\:via-pink-700 { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } + + .xl\:dark\:via-pink-800 { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } + + .xl\:dark\:via-pink-900 { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } + + .xl\:dark\:to-transparent { + --gradient-to-color: transparent; + } + + .xl\:dark\:to-current { + --gradient-to-color: currentColor; + } + + .xl\:dark\:to-black { + --gradient-to-color: #000000; + } + + .xl\:dark\:to-white { + --gradient-to-color: #ffffff; + } + + .xl\:dark\:to-gray-50 { + --gradient-to-color: #f9fafb; + } + + .xl\:dark\:to-gray-100 { + --gradient-to-color: #f4f5f7; + } + + .xl\:dark\:to-gray-200 { + --gradient-to-color: #e5e7eb; + } + + .xl\:dark\:to-gray-300 { + --gradient-to-color: #d2d6dc; + } + + .xl\:dark\:to-gray-400 { + --gradient-to-color: #9fa6b2; + } + + .xl\:dark\:to-gray-500 { + --gradient-to-color: #6b7280; + } + + .xl\:dark\:to-gray-600 { + --gradient-to-color: #4b5563; + } + + .xl\:dark\:to-gray-700 { + --gradient-to-color: #374151; + } + + .xl\:dark\:to-gray-800 { + --gradient-to-color: #252f3f; + } + + .xl\:dark\:to-gray-900 { + --gradient-to-color: #161e2e; + } + + .xl\:dark\:to-red-50 { + --gradient-to-color: #fdf2f2; + } + + .xl\:dark\:to-red-100 { + --gradient-to-color: #fde8e8; + } + + .xl\:dark\:to-red-200 { + --gradient-to-color: #fbd5d5; + } + + .xl\:dark\:to-red-300 { + --gradient-to-color: #f8b4b4; + } + + .xl\:dark\:to-red-400 { + --gradient-to-color: #f98080; + } + + .xl\:dark\:to-red-500 { + --gradient-to-color: #f05252; + } + + .xl\:dark\:to-red-600 { + --gradient-to-color: #e02424; + } + + .xl\:dark\:to-red-700 { + --gradient-to-color: #c81e1e; + } + + .xl\:dark\:to-red-800 { + --gradient-to-color: #9b1c1c; + } + + .xl\:dark\:to-red-900 { + --gradient-to-color: #771d1d; + } + + .xl\:dark\:to-orange-50 { + --gradient-to-color: #fff8f1; + } + + .xl\:dark\:to-orange-100 { + --gradient-to-color: #feecdc; + } + + .xl\:dark\:to-orange-200 { + --gradient-to-color: #fcd9bd; + } + + .xl\:dark\:to-orange-300 { + --gradient-to-color: #fdba8c; + } + + .xl\:dark\:to-orange-400 { + --gradient-to-color: #ff8a4c; + } + + .xl\:dark\:to-orange-500 { + --gradient-to-color: #ff5a1f; + } + + .xl\:dark\:to-orange-600 { + --gradient-to-color: #d03801; + } + + .xl\:dark\:to-orange-700 { + --gradient-to-color: #b43403; + } + + .xl\:dark\:to-orange-800 { + --gradient-to-color: #8a2c0d; + } + + .xl\:dark\:to-orange-900 { + --gradient-to-color: #73230d; + } + + .xl\:dark\:to-yellow-50 { + --gradient-to-color: #fdfdea; + } + + .xl\:dark\:to-yellow-100 { + --gradient-to-color: #fdf6b2; + } + + .xl\:dark\:to-yellow-200 { + --gradient-to-color: #fce96a; + } + + .xl\:dark\:to-yellow-300 { + --gradient-to-color: #faca15; + } + + .xl\:dark\:to-yellow-400 { + --gradient-to-color: #e3a008; + } + + .xl\:dark\:to-yellow-500 { + --gradient-to-color: #c27803; + } + + .xl\:dark\:to-yellow-600 { + --gradient-to-color: #9f580a; + } + + .xl\:dark\:to-yellow-700 { + --gradient-to-color: #8e4b10; + } + + .xl\:dark\:to-yellow-800 { + --gradient-to-color: #723b13; + } + + .xl\:dark\:to-yellow-900 { + --gradient-to-color: #633112; + } + + .xl\:dark\:to-green-50 { + --gradient-to-color: #f3faf7; + } + + .xl\:dark\:to-green-100 { + --gradient-to-color: #def7ec; + } + + .xl\:dark\:to-green-200 { + --gradient-to-color: #bcf0da; + } + + .xl\:dark\:to-green-300 { + --gradient-to-color: #84e1bc; + } + + .xl\:dark\:to-green-400 { + --gradient-to-color: #31c48d; + } + + .xl\:dark\:to-green-500 { + --gradient-to-color: #0e9f6e; + } + + .xl\:dark\:to-green-600 { + --gradient-to-color: #057a55; + } + + .xl\:dark\:to-green-700 { + --gradient-to-color: #046c4e; + } + + .xl\:dark\:to-green-800 { + --gradient-to-color: #03543f; + } + + .xl\:dark\:to-green-900 { + --gradient-to-color: #014737; + } + + .xl\:dark\:to-teal-50 { + --gradient-to-color: #edfafa; + } + + .xl\:dark\:to-teal-100 { + --gradient-to-color: #d5f5f6; + } + + .xl\:dark\:to-teal-200 { + --gradient-to-color: #afecef; + } + + .xl\:dark\:to-teal-300 { + --gradient-to-color: #7edce2; + } + + .xl\:dark\:to-teal-400 { + --gradient-to-color: #16bdca; + } + + .xl\:dark\:to-teal-500 { + --gradient-to-color: #0694a2; + } + + .xl\:dark\:to-teal-600 { + --gradient-to-color: #047481; + } + + .xl\:dark\:to-teal-700 { + --gradient-to-color: #036672; + } + + .xl\:dark\:to-teal-800 { + --gradient-to-color: #05505c; + } - .xl\:to-blue-300 { - --gradient-to-color: #a4cafe; - } + .xl\:dark\:to-teal-900 { + --gradient-to-color: #014451; + } - .xl\:to-blue-400 { - --gradient-to-color: #76a9fa; - } + .xl\:dark\:to-blue-50 { + --gradient-to-color: #ebf5ff; + } - .xl\:to-blue-500 { - --gradient-to-color: #3f83f8; - } + .xl\:dark\:to-blue-100 { + --gradient-to-color: #e1effe; + } - .xl\:to-blue-600 { - --gradient-to-color: #1c64f2; - } + .xl\:dark\:to-blue-200 { + --gradient-to-color: #c3ddfd; + } - .xl\:to-blue-700 { - --gradient-to-color: #1a56db; - } + .xl\:dark\:to-blue-300 { + --gradient-to-color: #a4cafe; + } - .xl\:to-blue-800 { - --gradient-to-color: #1e429f; - } + .xl\:dark\:to-blue-400 { + --gradient-to-color: #76a9fa; + } - .xl\:to-blue-900 { - --gradient-to-color: #233876; - } + .xl\:dark\:to-blue-500 { + --gradient-to-color: #3f83f8; + } - .xl\:to-indigo-50 { - --gradient-to-color: #f0f5ff; - } + .xl\:dark\:to-blue-600 { + --gradient-to-color: #1c64f2; + } - .xl\:to-indigo-100 { - --gradient-to-color: #e5edff; - } + .xl\:dark\:to-blue-700 { + --gradient-to-color: #1a56db; + } - .xl\:to-indigo-200 { - --gradient-to-color: #cddbfe; - } + .xl\:dark\:to-blue-800 { + --gradient-to-color: #1e429f; + } - .xl\:to-indigo-300 { - --gradient-to-color: #b4c6fc; - } + .xl\:dark\:to-blue-900 { + --gradient-to-color: #233876; + } - .xl\:to-indigo-400 { - --gradient-to-color: #8da2fb; - } + .xl\:dark\:to-indigo-50 { + --gradient-to-color: #f0f5ff; + } - .xl\:to-indigo-500 { - --gradient-to-color: #6875f5; - } + .xl\:dark\:to-indigo-100 { + --gradient-to-color: #e5edff; + } - .xl\:to-indigo-600 { - --gradient-to-color: #5850ec; - } + .xl\:dark\:to-indigo-200 { + --gradient-to-color: #cddbfe; + } - .xl\:to-indigo-700 { - --gradient-to-color: #5145cd; - } + .xl\:dark\:to-indigo-300 { + --gradient-to-color: #b4c6fc; + } - .xl\:to-indigo-800 { - --gradient-to-color: #42389d; - } + .xl\:dark\:to-indigo-400 { + --gradient-to-color: #8da2fb; + } - .xl\:to-indigo-900 { - --gradient-to-color: #362f78; - } + .xl\:dark\:to-indigo-500 { + --gradient-to-color: #6875f5; + } - .xl\:to-purple-50 { - --gradient-to-color: #f6f5ff; - } + .xl\:dark\:to-indigo-600 { + --gradient-to-color: #5850ec; + } - .xl\:to-purple-100 { - --gradient-to-color: #edebfe; - } + .xl\:dark\:to-indigo-700 { + --gradient-to-color: #5145cd; + } - .xl\:to-purple-200 { - --gradient-to-color: #dcd7fe; - } + .xl\:dark\:to-indigo-800 { + --gradient-to-color: #42389d; + } - .xl\:to-purple-300 { - --gradient-to-color: #cabffd; - } + .xl\:dark\:to-indigo-900 { + --gradient-to-color: #362f78; + } - .xl\:to-purple-400 { - --gradient-to-color: #ac94fa; - } + .xl\:dark\:to-purple-50 { + --gradient-to-color: #f6f5ff; + } - .xl\:to-purple-500 { - --gradient-to-color: #9061f9; - } + .xl\:dark\:to-purple-100 { + --gradient-to-color: #edebfe; + } - .xl\:to-purple-600 { - --gradient-to-color: #7e3af2; - } + .xl\:dark\:to-purple-200 { + --gradient-to-color: #dcd7fe; + } - .xl\:to-purple-700 { - --gradient-to-color: #6c2bd9; - } + .xl\:dark\:to-purple-300 { + --gradient-to-color: #cabffd; + } - .xl\:to-purple-800 { - --gradient-to-color: #5521b5; - } + .xl\:dark\:to-purple-400 { + --gradient-to-color: #ac94fa; + } - .xl\:to-purple-900 { - --gradient-to-color: #4a1d96; - } + .xl\:dark\:to-purple-500 { + --gradient-to-color: #9061f9; + } - .xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .xl\:dark\:to-purple-600 { + --gradient-to-color: #7e3af2; + } - .xl\:to-pink-100 { - --gradient-to-color: #fce8f3; - } + .xl\:dark\:to-purple-700 { + --gradient-to-color: #6c2bd9; + } - .xl\:to-pink-200 { - --gradient-to-color: #fad1e8; - } + .xl\:dark\:to-purple-800 { + --gradient-to-color: #5521b5; + } - .xl\:to-pink-300 { - --gradient-to-color: #f8b4d9; - } + .xl\:dark\:to-purple-900 { + --gradient-to-color: #4a1d96; + } - .xl\:to-pink-400 { - --gradient-to-color: #f17eb8; - } + .xl\:dark\:to-pink-50 { + --gradient-to-color: #fdf2f8; + } - .xl\:to-pink-500 { - --gradient-to-color: #e74694; - } + .xl\:dark\:to-pink-100 { + --gradient-to-color: #fce8f3; + } - .xl\:to-pink-600 { - --gradient-to-color: #d61f69; - } + .xl\:dark\:to-pink-200 { + --gradient-to-color: #fad1e8; + } - .xl\:to-pink-700 { - --gradient-to-color: #bf125d; - } + .xl\:dark\:to-pink-300 { + --gradient-to-color: #f8b4d9; + } - .xl\:to-pink-800 { - --gradient-to-color: #99154b; - } + .xl\:dark\:to-pink-400 { + --gradient-to-color: #f17eb8; + } - .xl\:to-pink-900 { - --gradient-to-color: #751a3d; - } + .xl\:dark\:to-pink-500 { + --gradient-to-color: #e74694; + } - .xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:to-pink-600 { + --gradient-to-color: #d61f69; + } - .xl\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:to-pink-700 { + --gradient-to-color: #bf125d; + } - .xl\:hover\:from-black:hover { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:to-pink-800 { + --gradient-to-color: #99154b; + } - .xl\:hover\:from-white:hover { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:to-pink-900 { + --gradient-to-color: #751a3d; + } - .xl\:hover\:from-gray-50:hover { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); - } + .xl\:dark\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); - } + .xl\:dark\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); - } + .xl\:dark\:hover\:from-black:hover { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); - } + .xl\:dark\:hover\:from-white:hover { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:hover\:from-gray-400:hover { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); - } + .xl\:dark\:hover\:from-gray-50:hover { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .xl\:hover\:from-gray-500:hover { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); - } + .xl\:dark\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .xl\:hover\:from-gray-600:hover { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); - } + .xl\:dark\:hover\:from-gray-200:hover { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .xl\:hover\:from-gray-700:hover { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); - } + .xl\:dark\:hover\:from-gray-300:hover { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .xl\:hover\:from-gray-800:hover { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); - } + .xl\:dark\:hover\:from-gray-400:hover { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .xl\:hover\:from-gray-900:hover { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); - } + .xl\:dark\:hover\:from-gray-500:hover { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .xl\:hover\:from-red-50:hover { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); - } + .xl\:dark\:hover\:from-gray-600:hover { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .xl\:hover\:from-red-100:hover { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); - } + .xl\:dark\:hover\:from-gray-700:hover { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .xl\:hover\:from-red-200:hover { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); - } + .xl\:dark\:hover\:from-gray-800:hover { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .xl\:hover\:from-red-300:hover { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); - } + .xl\:dark\:hover\:from-gray-900:hover { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .xl\:hover\:from-red-400:hover { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); - } + .xl\:dark\:hover\:from-red-50:hover { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .xl\:hover\:from-red-500:hover { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); - } + .xl\:dark\:hover\:from-red-100:hover { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .xl\:hover\:from-red-600:hover { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); - } + .xl\:dark\:hover\:from-red-200:hover { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .xl\:hover\:from-red-700:hover { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); - } + .xl\:dark\:hover\:from-red-300:hover { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .xl\:hover\:from-red-800:hover { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); - } + .xl\:dark\:hover\:from-red-400:hover { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .xl\:hover\:from-red-900:hover { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); - } + .xl\:dark\:hover\:from-red-500:hover { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .xl\:hover\:from-orange-50:hover { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); - } + .xl\:dark\:hover\:from-red-600:hover { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .xl\:hover\:from-orange-100:hover { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); - } + .xl\:dark\:hover\:from-red-700:hover { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .xl\:hover\:from-orange-200:hover { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); - } + .xl\:dark\:hover\:from-red-800:hover { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .xl\:hover\:from-orange-300:hover { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); - } + .xl\:dark\:hover\:from-red-900:hover { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .xl\:hover\:from-orange-400:hover { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); - } + .xl\:dark\:hover\:from-orange-50:hover { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .xl\:hover\:from-orange-500:hover { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); - } + .xl\:dark\:hover\:from-orange-100:hover { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .xl\:hover\:from-orange-600:hover { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); - } + .xl\:dark\:hover\:from-orange-200:hover { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .xl\:hover\:from-orange-700:hover { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); - } + .xl\:dark\:hover\:from-orange-300:hover { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .xl\:hover\:from-orange-800:hover { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); - } + .xl\:dark\:hover\:from-orange-400:hover { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .xl\:hover\:from-orange-900:hover { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); - } + .xl\:dark\:hover\:from-orange-500:hover { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); - } + .xl\:dark\:hover\:from-orange-600:hover { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); - } + .xl\:dark\:hover\:from-orange-700:hover { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); - } + .xl\:dark\:hover\:from-orange-800:hover { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); - } + .xl\:dark\:hover\:from-orange-900:hover { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); - } + .xl\:dark\:hover\:from-yellow-50:hover { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); - } + .xl\:dark\:hover\:from-yellow-100:hover { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); - } + .xl\:dark\:hover\:from-yellow-200:hover { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); - } + .xl\:dark\:hover\:from-yellow-300:hover { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); - } + .xl\:dark\:hover\:from-yellow-400:hover { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); - } + .xl\:dark\:hover\:from-yellow-500:hover { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .xl\:hover\:from-green-50:hover { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); - } + .xl\:dark\:hover\:from-yellow-600:hover { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .xl\:hover\:from-green-100:hover { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); - } + .xl\:dark\:hover\:from-yellow-700:hover { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .xl\:hover\:from-green-200:hover { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); - } + .xl\:dark\:hover\:from-yellow-800:hover { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .xl\:hover\:from-green-300:hover { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); - } + .xl\:dark\:hover\:from-yellow-900:hover { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .xl\:hover\:from-green-400:hover { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); - } + .xl\:dark\:hover\:from-green-50:hover { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .xl\:hover\:from-green-500:hover { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); - } + .xl\:dark\:hover\:from-green-100:hover { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .xl\:hover\:from-green-600:hover { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); - } + .xl\:dark\:hover\:from-green-200:hover { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .xl\:hover\:from-green-700:hover { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); - } + .xl\:dark\:hover\:from-green-300:hover { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .xl\:hover\:from-green-800:hover { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); - } + .xl\:dark\:hover\:from-green-400:hover { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .xl\:hover\:from-green-900:hover { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); - } + .xl\:dark\:hover\:from-green-500:hover { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .xl\:hover\:from-teal-50:hover { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); - } + .xl\:dark\:hover\:from-green-600:hover { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .xl\:hover\:from-teal-100:hover { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); - } + .xl\:dark\:hover\:from-green-700:hover { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .xl\:hover\:from-teal-200:hover { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); - } + .xl\:dark\:hover\:from-green-800:hover { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .xl\:hover\:from-teal-300:hover { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); - } + .xl\:dark\:hover\:from-green-900:hover { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .xl\:hover\:from-teal-400:hover { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); - } + .xl\:dark\:hover\:from-teal-50:hover { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .xl\:hover\:from-teal-500:hover { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); - } + .xl\:dark\:hover\:from-teal-100:hover { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .xl\:hover\:from-teal-600:hover { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); - } + .xl\:dark\:hover\:from-teal-200:hover { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .xl\:hover\:from-teal-700:hover { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); - } + .xl\:dark\:hover\:from-teal-300:hover { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .xl\:hover\:from-teal-800:hover { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); - } + .xl\:dark\:hover\:from-teal-400:hover { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .xl\:hover\:from-teal-900:hover { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); - } + .xl\:dark\:hover\:from-teal-500:hover { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .xl\:hover\:from-blue-50:hover { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); - } + .xl\:dark\:hover\:from-teal-600:hover { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .xl\:hover\:from-blue-100:hover { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); - } + .xl\:dark\:hover\:from-teal-700:hover { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .xl\:hover\:from-blue-200:hover { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); - } + .xl\:dark\:hover\:from-teal-800:hover { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .xl\:hover\:from-blue-300:hover { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); - } + .xl\:dark\:hover\:from-teal-900:hover { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .xl\:hover\:from-blue-400:hover { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); - } + .xl\:dark\:hover\:from-blue-50:hover { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); - } + .xl\:dark\:hover\:from-blue-100:hover { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .xl\:hover\:from-blue-600:hover { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); - } + .xl\:dark\:hover\:from-blue-200:hover { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); - } + .xl\:dark\:hover\:from-blue-300:hover { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); - } + .xl\:dark\:hover\:from-blue-400:hover { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .xl\:hover\:from-blue-900:hover { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); - } + .xl\:dark\:hover\:from-blue-500:hover { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .xl\:hover\:from-indigo-50:hover { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); - } + .xl\:dark\:hover\:from-blue-600:hover { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .xl\:hover\:from-indigo-100:hover { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); - } + .xl\:dark\:hover\:from-blue-700:hover { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .xl\:hover\:from-indigo-200:hover { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); - } + .xl\:dark\:hover\:from-blue-800:hover { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .xl\:hover\:from-indigo-300:hover { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); - } + .xl\:dark\:hover\:from-blue-900:hover { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .xl\:hover\:from-indigo-400:hover { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); - } + .xl\:dark\:hover\:from-indigo-50:hover { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .xl\:hover\:from-indigo-500:hover { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); - } + .xl\:dark\:hover\:from-indigo-100:hover { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .xl\:hover\:from-indigo-600:hover { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); - } + .xl\:dark\:hover\:from-indigo-200:hover { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .xl\:hover\:from-indigo-700:hover { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); - } + .xl\:dark\:hover\:from-indigo-300:hover { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .xl\:hover\:from-indigo-800:hover { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); - } + .xl\:dark\:hover\:from-indigo-400:hover { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .xl\:hover\:from-indigo-900:hover { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); - } + .xl\:dark\:hover\:from-indigo-500:hover { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); - } + .xl\:dark\:hover\:from-indigo-600:hover { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .xl\:hover\:from-purple-100:hover { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); - } + .xl\:dark\:hover\:from-indigo-700:hover { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .xl\:hover\:from-purple-200:hover { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); - } + .xl\:dark\:hover\:from-indigo-800:hover { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .xl\:hover\:from-purple-300:hover { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); - } + .xl\:dark\:hover\:from-indigo-900:hover { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .xl\:hover\:from-purple-400:hover { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); - } + .xl\:dark\:hover\:from-purple-50:hover { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .xl\:hover\:from-purple-500:hover { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); - } + .xl\:dark\:hover\:from-purple-100:hover { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); - } + .xl\:dark\:hover\:from-purple-200:hover { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); - } + .xl\:dark\:hover\:from-purple-300:hover { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); - } + .xl\:dark\:hover\:from-purple-400:hover { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); - } + .xl\:dark\:hover\:from-purple-500:hover { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .xl\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } + .xl\:dark\:hover\:from-purple-600:hover { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); - } + .xl\:dark\:hover\:from-purple-700:hover { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); - } + .xl\:dark\:hover\:from-purple-800:hover { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); - } + .xl\:dark\:hover\:from-purple-900:hover { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); - } + .xl\:dark\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .xl\:hover\:from-pink-500:hover { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); - } + .xl\:dark\:hover\:from-pink-100:hover { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .xl\:hover\:from-pink-600:hover { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); - } + .xl\:dark\:hover\:from-pink-200:hover { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .xl\:hover\:from-pink-700:hover { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); - } + .xl\:dark\:hover\:from-pink-300:hover { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .xl\:hover\:from-pink-800:hover { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); - } + .xl\:dark\:hover\:from-pink-400:hover { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .xl\:hover\:from-pink-900:hover { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); - } + .xl\:dark\:hover\:from-pink-500:hover { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .xl\:hover\:via-transparent:hover { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:hover\:from-pink-600:hover { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .xl\:hover\:via-current:hover { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:hover\:from-pink-700:hover { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .xl\:hover\:via-black:hover { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:hover\:from-pink-800:hover { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .xl\:hover\:via-white:hover { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:hover\:from-pink-900:hover { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .xl\:hover\:via-gray-50:hover { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); - } + .xl\:dark\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); - } + .xl\:dark\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); - } + .xl\:dark\:hover\:via-black:hover { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); - } + .xl\:dark\:hover\:via-white:hover { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:hover\:via-gray-400:hover { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); - } + .xl\:dark\:hover\:via-gray-50:hover { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .xl\:hover\:via-gray-500:hover { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); - } + .xl\:dark\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .xl\:hover\:via-gray-600:hover { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); - } + .xl\:dark\:hover\:via-gray-200:hover { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .xl\:hover\:via-gray-700:hover { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); - } + .xl\:dark\:hover\:via-gray-300:hover { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .xl\:hover\:via-gray-800:hover { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); - } + .xl\:dark\:hover\:via-gray-400:hover { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .xl\:hover\:via-gray-900:hover { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); - } + .xl\:dark\:hover\:via-gray-500:hover { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .xl\:hover\:via-red-50:hover { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); - } + .xl\:dark\:hover\:via-gray-600:hover { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .xl\:hover\:via-red-100:hover { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); - } + .xl\:dark\:hover\:via-gray-700:hover { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .xl\:hover\:via-red-200:hover { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); - } + .xl\:dark\:hover\:via-gray-800:hover { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .xl\:hover\:via-red-300:hover { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); - } + .xl\:dark\:hover\:via-gray-900:hover { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .xl\:hover\:via-red-400:hover { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); - } + .xl\:dark\:hover\:via-red-50:hover { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .xl\:hover\:via-red-500:hover { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); - } + .xl\:dark\:hover\:via-red-100:hover { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .xl\:hover\:via-red-600:hover { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); - } + .xl\:dark\:hover\:via-red-200:hover { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .xl\:hover\:via-red-700:hover { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); - } + .xl\:dark\:hover\:via-red-300:hover { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .xl\:hover\:via-red-800:hover { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); - } + .xl\:dark\:hover\:via-red-400:hover { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .xl\:hover\:via-red-900:hover { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); - } + .xl\:dark\:hover\:via-red-500:hover { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .xl\:hover\:via-orange-50:hover { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); - } + .xl\:dark\:hover\:via-red-600:hover { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .xl\:hover\:via-orange-100:hover { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); - } + .xl\:dark\:hover\:via-red-700:hover { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .xl\:hover\:via-orange-200:hover { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); - } + .xl\:dark\:hover\:via-red-800:hover { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .xl\:hover\:via-orange-300:hover { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); - } + .xl\:dark\:hover\:via-red-900:hover { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .xl\:hover\:via-orange-400:hover { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); - } + .xl\:dark\:hover\:via-orange-50:hover { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .xl\:hover\:via-orange-500:hover { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); - } + .xl\:dark\:hover\:via-orange-100:hover { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .xl\:hover\:via-orange-600:hover { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); - } + .xl\:dark\:hover\:via-orange-200:hover { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .xl\:hover\:via-orange-700:hover { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); - } + .xl\:dark\:hover\:via-orange-300:hover { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .xl\:hover\:via-orange-800:hover { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); - } + .xl\:dark\:hover\:via-orange-400:hover { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .xl\:hover\:via-orange-900:hover { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); - } + .xl\:dark\:hover\:via-orange-500:hover { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); - } + .xl\:dark\:hover\:via-orange-600:hover { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); - } + .xl\:dark\:hover\:via-orange-700:hover { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); - } + .xl\:dark\:hover\:via-orange-800:hover { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); - } + .xl\:dark\:hover\:via-orange-900:hover { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); - } + .xl\:dark\:hover\:via-yellow-50:hover { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); - } + .xl\:dark\:hover\:via-yellow-100:hover { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); - } + .xl\:dark\:hover\:via-yellow-200:hover { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); - } + .xl\:dark\:hover\:via-yellow-300:hover { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); - } + .xl\:dark\:hover\:via-yellow-400:hover { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); - } + .xl\:dark\:hover\:via-yellow-500:hover { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .xl\:hover\:via-green-50:hover { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); - } + .xl\:dark\:hover\:via-yellow-600:hover { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .xl\:hover\:via-green-100:hover { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); - } + .xl\:dark\:hover\:via-yellow-700:hover { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .xl\:hover\:via-green-200:hover { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); - } + .xl\:dark\:hover\:via-yellow-800:hover { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .xl\:hover\:via-green-300:hover { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); - } + .xl\:dark\:hover\:via-yellow-900:hover { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .xl\:hover\:via-green-400:hover { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); - } + .xl\:dark\:hover\:via-green-50:hover { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .xl\:hover\:via-green-500:hover { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); - } + .xl\:dark\:hover\:via-green-100:hover { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .xl\:hover\:via-green-600:hover { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); - } + .xl\:dark\:hover\:via-green-200:hover { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .xl\:hover\:via-green-700:hover { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); - } + .xl\:dark\:hover\:via-green-300:hover { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .xl\:hover\:via-green-800:hover { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); - } + .xl\:dark\:hover\:via-green-400:hover { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .xl\:hover\:via-green-900:hover { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); - } + .xl\:dark\:hover\:via-green-500:hover { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .xl\:hover\:via-teal-50:hover { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); - } + .xl\:dark\:hover\:via-green-600:hover { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .xl\:hover\:via-teal-100:hover { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); - } + .xl\:dark\:hover\:via-green-700:hover { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .xl\:hover\:via-teal-200:hover { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); - } + .xl\:dark\:hover\:via-green-800:hover { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .xl\:hover\:via-teal-300:hover { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); - } + .xl\:dark\:hover\:via-green-900:hover { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .xl\:hover\:via-teal-400:hover { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); - } + .xl\:dark\:hover\:via-teal-50:hover { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .xl\:hover\:via-teal-500:hover { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); - } + .xl\:dark\:hover\:via-teal-100:hover { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .xl\:hover\:via-teal-600:hover { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); - } + .xl\:dark\:hover\:via-teal-200:hover { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .xl\:hover\:via-teal-700:hover { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); - } + .xl\:dark\:hover\:via-teal-300:hover { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .xl\:hover\:via-teal-800:hover { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); - } + .xl\:dark\:hover\:via-teal-400:hover { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .xl\:hover\:via-teal-900:hover { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); - } + .xl\:dark\:hover\:via-teal-500:hover { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .xl\:hover\:via-blue-50:hover { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); - } + .xl\:dark\:hover\:via-teal-600:hover { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .xl\:hover\:via-blue-100:hover { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); - } + .xl\:dark\:hover\:via-teal-700:hover { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .xl\:hover\:via-blue-200:hover { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); - } + .xl\:dark\:hover\:via-teal-800:hover { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .xl\:hover\:via-blue-300:hover { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); - } + .xl\:dark\:hover\:via-teal-900:hover { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .xl\:hover\:via-blue-400:hover { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); - } + .xl\:dark\:hover\:via-blue-50:hover { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); - } + .xl\:dark\:hover\:via-blue-100:hover { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } + + .xl\:dark\:hover\:via-blue-200:hover { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .xl\:hover\:via-blue-600:hover { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); - } + .xl\:dark\:hover\:via-blue-300:hover { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); - } + .xl\:dark\:hover\:via-blue-400:hover { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); - } + .xl\:dark\:hover\:via-blue-500:hover { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .xl\:hover\:via-blue-900:hover { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); - } + .xl\:dark\:hover\:via-blue-600:hover { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .xl\:hover\:via-indigo-50:hover { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); - } + .xl\:dark\:hover\:via-blue-700:hover { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .xl\:hover\:via-indigo-100:hover { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); - } + .xl\:dark\:hover\:via-blue-800:hover { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .xl\:hover\:via-indigo-200:hover { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); - } + .xl\:dark\:hover\:via-blue-900:hover { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .xl\:hover\:via-indigo-300:hover { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); - } + .xl\:dark\:hover\:via-indigo-50:hover { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .xl\:hover\:via-indigo-400:hover { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); - } + .xl\:dark\:hover\:via-indigo-100:hover { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .xl\:hover\:via-indigo-500:hover { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); - } + .xl\:dark\:hover\:via-indigo-200:hover { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .xl\:hover\:via-indigo-600:hover { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); - } + .xl\:dark\:hover\:via-indigo-300:hover { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .xl\:hover\:via-indigo-700:hover { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); - } + .xl\:dark\:hover\:via-indigo-400:hover { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .xl\:hover\:via-indigo-800:hover { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); - } + .xl\:dark\:hover\:via-indigo-500:hover { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .xl\:hover\:via-indigo-900:hover { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); - } + .xl\:dark\:hover\:via-indigo-600:hover { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); - } + .xl\:dark\:hover\:via-indigo-700:hover { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .xl\:hover\:via-purple-100:hover { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); - } + .xl\:dark\:hover\:via-indigo-800:hover { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .xl\:hover\:via-purple-200:hover { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); - } + .xl\:dark\:hover\:via-indigo-900:hover { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .xl\:hover\:via-purple-300:hover { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); - } + .xl\:dark\:hover\:via-purple-50:hover { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .xl\:hover\:via-purple-400:hover { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); - } + .xl\:dark\:hover\:via-purple-100:hover { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .xl\:hover\:via-purple-500:hover { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); - } + .xl\:dark\:hover\:via-purple-200:hover { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); - } + .xl\:dark\:hover\:via-purple-300:hover { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); - } + .xl\:dark\:hover\:via-purple-400:hover { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); - } + .xl\:dark\:hover\:via-purple-500:hover { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); - } + .xl\:dark\:hover\:via-purple-600:hover { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .xl\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } + .xl\:dark\:hover\:via-purple-700:hover { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); - } + .xl\:dark\:hover\:via-purple-800:hover { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); - } + .xl\:dark\:hover\:via-purple-900:hover { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); - } + .xl\:dark\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); - } + .xl\:dark\:hover\:via-pink-100:hover { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .xl\:hover\:via-pink-500:hover { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); - } + .xl\:dark\:hover\:via-pink-200:hover { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .xl\:hover\:via-pink-600:hover { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); - } + .xl\:dark\:hover\:via-pink-300:hover { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .xl\:hover\:via-pink-700:hover { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); - } + .xl\:dark\:hover\:via-pink-400:hover { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .xl\:hover\:via-pink-800:hover { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); - } + .xl\:dark\:hover\:via-pink-500:hover { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .xl\:hover\:via-pink-900:hover { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); - } + .xl\:dark\:hover\:via-pink-600:hover { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .xl\:dark\:hover\:via-pink-700:hover { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .xl\:dark\:hover\:via-pink-800:hover { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .xl\:hover\:to-black:hover { - --gradient-to-color: #000000; - } + .xl\:dark\:hover\:via-pink-900:hover { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .xl\:hover\:to-white:hover { - --gradient-to-color: #ffffff; - } + .xl\:dark\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .xl\:hover\:to-gray-50:hover { - --gradient-to-color: #f9fafb; - } + .xl\:dark\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f5f7; - } + .xl\:dark\:hover\:to-black:hover { + --gradient-to-color: #000000; + } - .xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e5e7eb; - } + .xl\:dark\:hover\:to-white:hover { + --gradient-to-color: #ffffff; + } - .xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d2d6dc; - } + .xl\:dark\:hover\:to-gray-50:hover { + --gradient-to-color: #f9fafb; + } - .xl\:hover\:to-gray-400:hover { - --gradient-to-color: #9fa6b2; - } + .xl\:dark\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f5f7; + } - .xl\:hover\:to-gray-500:hover { - --gradient-to-color: #6b7280; - } + .xl\:dark\:hover\:to-gray-200:hover { + --gradient-to-color: #e5e7eb; + } - .xl\:hover\:to-gray-600:hover { - --gradient-to-color: #4b5563; - } + .xl\:dark\:hover\:to-gray-300:hover { + --gradient-to-color: #d2d6dc; + } - .xl\:hover\:to-gray-700:hover { - --gradient-to-color: #374151; - } + .xl\:dark\:hover\:to-gray-400:hover { + --gradient-to-color: #9fa6b2; + } - .xl\:hover\:to-gray-800:hover { - --gradient-to-color: #252f3f; - } + .xl\:dark\:hover\:to-gray-500:hover { + --gradient-to-color: #6b7280; + } - .xl\:hover\:to-gray-900:hover { - --gradient-to-color: #161e2e; - } + .xl\:dark\:hover\:to-gray-600:hover { + --gradient-to-color: #4b5563; + } - .xl\:hover\:to-red-50:hover { - --gradient-to-color: #fdf2f2; - } + .xl\:dark\:hover\:to-gray-700:hover { + --gradient-to-color: #374151; + } - .xl\:hover\:to-red-100:hover { - --gradient-to-color: #fde8e8; - } + .xl\:dark\:hover\:to-gray-800:hover { + --gradient-to-color: #252f3f; + } - .xl\:hover\:to-red-200:hover { - --gradient-to-color: #fbd5d5; - } + .xl\:dark\:hover\:to-gray-900:hover { + --gradient-to-color: #161e2e; + } - .xl\:hover\:to-red-300:hover { - --gradient-to-color: #f8b4b4; - } + .xl\:dark\:hover\:to-red-50:hover { + --gradient-to-color: #fdf2f2; + } - .xl\:hover\:to-red-400:hover { - --gradient-to-color: #f98080; - } + .xl\:dark\:hover\:to-red-100:hover { + --gradient-to-color: #fde8e8; + } - .xl\:hover\:to-red-500:hover { - --gradient-to-color: #f05252; - } + .xl\:dark\:hover\:to-red-200:hover { + --gradient-to-color: #fbd5d5; + } - .xl\:hover\:to-red-600:hover { - --gradient-to-color: #e02424; - } + .xl\:dark\:hover\:to-red-300:hover { + --gradient-to-color: #f8b4b4; + } - .xl\:hover\:to-red-700:hover { - --gradient-to-color: #c81e1e; - } + .xl\:dark\:hover\:to-red-400:hover { + --gradient-to-color: #f98080; + } - .xl\:hover\:to-red-800:hover { - --gradient-to-color: #9b1c1c; - } + .xl\:dark\:hover\:to-red-500:hover { + --gradient-to-color: #f05252; + } - .xl\:hover\:to-red-900:hover { - --gradient-to-color: #771d1d; - } + .xl\:dark\:hover\:to-red-600:hover { + --gradient-to-color: #e02424; + } - .xl\:hover\:to-orange-50:hover { - --gradient-to-color: #fff8f1; - } + .xl\:dark\:hover\:to-red-700:hover { + --gradient-to-color: #c81e1e; + } - .xl\:hover\:to-orange-100:hover { - --gradient-to-color: #feecdc; - } + .xl\:dark\:hover\:to-red-800:hover { + --gradient-to-color: #9b1c1c; + } - .xl\:hover\:to-orange-200:hover { - --gradient-to-color: #fcd9bd; - } + .xl\:dark\:hover\:to-red-900:hover { + --gradient-to-color: #771d1d; + } - .xl\:hover\:to-orange-300:hover { - --gradient-to-color: #fdba8c; - } + .xl\:dark\:hover\:to-orange-50:hover { + --gradient-to-color: #fff8f1; + } - .xl\:hover\:to-orange-400:hover { - --gradient-to-color: #ff8a4c; - } + .xl\:dark\:hover\:to-orange-100:hover { + --gradient-to-color: #feecdc; + } - .xl\:hover\:to-orange-500:hover { - --gradient-to-color: #ff5a1f; - } + .xl\:dark\:hover\:to-orange-200:hover { + --gradient-to-color: #fcd9bd; + } - .xl\:hover\:to-orange-600:hover { - --gradient-to-color: #d03801; - } + .xl\:dark\:hover\:to-orange-300:hover { + --gradient-to-color: #fdba8c; + } - .xl\:hover\:to-orange-700:hover { - --gradient-to-color: #b43403; - } + .xl\:dark\:hover\:to-orange-400:hover { + --gradient-to-color: #ff8a4c; + } - .xl\:hover\:to-orange-800:hover { - --gradient-to-color: #8a2c0d; - } + .xl\:dark\:hover\:to-orange-500:hover { + --gradient-to-color: #ff5a1f; + } - .xl\:hover\:to-orange-900:hover { - --gradient-to-color: #73230d; - } + .xl\:dark\:hover\:to-orange-600:hover { + --gradient-to-color: #d03801; + } - .xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fdfdea; - } + .xl\:dark\:hover\:to-orange-700:hover { + --gradient-to-color: #b43403; + } - .xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fdf6b2; - } + .xl\:dark\:hover\:to-orange-800:hover { + --gradient-to-color: #8a2c0d; + } - .xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fce96a; - } + .xl\:dark\:hover\:to-orange-900:hover { + --gradient-to-color: #73230d; + } - .xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #faca15; - } + .xl\:dark\:hover\:to-yellow-50:hover { + --gradient-to-color: #fdfdea; + } - .xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #e3a008; - } + .xl\:dark\:hover\:to-yellow-100:hover { + --gradient-to-color: #fdf6b2; + } - .xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #c27803; - } + .xl\:dark\:hover\:to-yellow-200:hover { + --gradient-to-color: #fce96a; + } - .xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #9f580a; - } + .xl\:dark\:hover\:to-yellow-300:hover { + --gradient-to-color: #faca15; + } - .xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #8e4b10; - } + .xl\:dark\:hover\:to-yellow-400:hover { + --gradient-to-color: #e3a008; + } - .xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #723b13; - } + .xl\:dark\:hover\:to-yellow-500:hover { + --gradient-to-color: #c27803; + } - .xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #633112; - } + .xl\:dark\:hover\:to-yellow-600:hover { + --gradient-to-color: #9f580a; + } - .xl\:hover\:to-green-50:hover { - --gradient-to-color: #f3faf7; - } + .xl\:dark\:hover\:to-yellow-700:hover { + --gradient-to-color: #8e4b10; + } - .xl\:hover\:to-green-100:hover { - --gradient-to-color: #def7ec; - } + .xl\:dark\:hover\:to-yellow-800:hover { + --gradient-to-color: #723b13; + } - .xl\:hover\:to-green-200:hover { - --gradient-to-color: #bcf0da; - } + .xl\:dark\:hover\:to-yellow-900:hover { + --gradient-to-color: #633112; + } - .xl\:hover\:to-green-300:hover { - --gradient-to-color: #84e1bc; - } + .xl\:dark\:hover\:to-green-50:hover { + --gradient-to-color: #f3faf7; + } - .xl\:hover\:to-green-400:hover { - --gradient-to-color: #31c48d; - } + .xl\:dark\:hover\:to-green-100:hover { + --gradient-to-color: #def7ec; + } - .xl\:hover\:to-green-500:hover { - --gradient-to-color: #0e9f6e; - } + .xl\:dark\:hover\:to-green-200:hover { + --gradient-to-color: #bcf0da; + } - .xl\:hover\:to-green-600:hover { - --gradient-to-color: #057a55; - } + .xl\:dark\:hover\:to-green-300:hover { + --gradient-to-color: #84e1bc; + } - .xl\:hover\:to-green-700:hover { - --gradient-to-color: #046c4e; - } + .xl\:dark\:hover\:to-green-400:hover { + --gradient-to-color: #31c48d; + } - .xl\:hover\:to-green-800:hover { - --gradient-to-color: #03543f; - } + .xl\:dark\:hover\:to-green-500:hover { + --gradient-to-color: #0e9f6e; + } - .xl\:hover\:to-green-900:hover { - --gradient-to-color: #014737; - } + .xl\:dark\:hover\:to-green-600:hover { + --gradient-to-color: #057a55; + } - .xl\:hover\:to-teal-50:hover { - --gradient-to-color: #edfafa; - } + .xl\:dark\:hover\:to-green-700:hover { + --gradient-to-color: #046c4e; + } - .xl\:hover\:to-teal-100:hover { - --gradient-to-color: #d5f5f6; - } + .xl\:dark\:hover\:to-green-800:hover { + --gradient-to-color: #03543f; + } - .xl\:hover\:to-teal-200:hover { - --gradient-to-color: #afecef; - } + .xl\:dark\:hover\:to-green-900:hover { + --gradient-to-color: #014737; + } - .xl\:hover\:to-teal-300:hover { - --gradient-to-color: #7edce2; - } + .xl\:dark\:hover\:to-teal-50:hover { + --gradient-to-color: #edfafa; + } - .xl\:hover\:to-teal-400:hover { - --gradient-to-color: #16bdca; - } + .xl\:dark\:hover\:to-teal-100:hover { + --gradient-to-color: #d5f5f6; + } - .xl\:hover\:to-teal-500:hover { - --gradient-to-color: #0694a2; - } + .xl\:dark\:hover\:to-teal-200:hover { + --gradient-to-color: #afecef; + } - .xl\:hover\:to-teal-600:hover { - --gradient-to-color: #047481; - } + .xl\:dark\:hover\:to-teal-300:hover { + --gradient-to-color: #7edce2; + } - .xl\:hover\:to-teal-700:hover { - --gradient-to-color: #036672; - } + .xl\:dark\:hover\:to-teal-400:hover { + --gradient-to-color: #16bdca; + } - .xl\:hover\:to-teal-800:hover { - --gradient-to-color: #05505c; - } + .xl\:dark\:hover\:to-teal-500:hover { + --gradient-to-color: #0694a2; + } - .xl\:hover\:to-teal-900:hover { - --gradient-to-color: #014451; - } + .xl\:dark\:hover\:to-teal-600:hover { + --gradient-to-color: #047481; + } - .xl\:hover\:to-blue-50:hover { - --gradient-to-color: #ebf5ff; - } + .xl\:dark\:hover\:to-teal-700:hover { + --gradient-to-color: #036672; + } - .xl\:hover\:to-blue-100:hover { - --gradient-to-color: #e1effe; - } + .xl\:dark\:hover\:to-teal-800:hover { + --gradient-to-color: #05505c; + } - .xl\:hover\:to-blue-200:hover { - --gradient-to-color: #c3ddfd; - } + .xl\:dark\:hover\:to-teal-900:hover { + --gradient-to-color: #014451; + } - .xl\:hover\:to-blue-300:hover { - --gradient-to-color: #a4cafe; - } + .xl\:dark\:hover\:to-blue-50:hover { + --gradient-to-color: #ebf5ff; + } - .xl\:hover\:to-blue-400:hover { - --gradient-to-color: #76a9fa; - } + .xl\:dark\:hover\:to-blue-100:hover { + --gradient-to-color: #e1effe; + } - .xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3f83f8; - } + .xl\:dark\:hover\:to-blue-200:hover { + --gradient-to-color: #c3ddfd; + } - .xl\:hover\:to-blue-600:hover { - --gradient-to-color: #1c64f2; - } + .xl\:dark\:hover\:to-blue-300:hover { + --gradient-to-color: #a4cafe; + } - .xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1a56db; - } + .xl\:dark\:hover\:to-blue-400:hover { + --gradient-to-color: #76a9fa; + } - .xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e429f; - } + .xl\:dark\:hover\:to-blue-500:hover { + --gradient-to-color: #3f83f8; + } - .xl\:hover\:to-blue-900:hover { - --gradient-to-color: #233876; - } + .xl\:dark\:hover\:to-blue-600:hover { + --gradient-to-color: #1c64f2; + } - .xl\:hover\:to-indigo-50:hover { - --gradient-to-color: #f0f5ff; - } + .xl\:dark\:hover\:to-blue-700:hover { + --gradient-to-color: #1a56db; + } - .xl\:hover\:to-indigo-100:hover { - --gradient-to-color: #e5edff; - } + .xl\:dark\:hover\:to-blue-800:hover { + --gradient-to-color: #1e429f; + } - .xl\:hover\:to-indigo-200:hover { - --gradient-to-color: #cddbfe; - } + .xl\:dark\:hover\:to-blue-900:hover { + --gradient-to-color: #233876; + } - .xl\:hover\:to-indigo-300:hover { - --gradient-to-color: #b4c6fc; - } + .xl\:dark\:hover\:to-indigo-50:hover { + --gradient-to-color: #f0f5ff; + } - .xl\:hover\:to-indigo-400:hover { - --gradient-to-color: #8da2fb; - } + .xl\:dark\:hover\:to-indigo-100:hover { + --gradient-to-color: #e5edff; + } - .xl\:hover\:to-indigo-500:hover { - --gradient-to-color: #6875f5; - } + .xl\:dark\:hover\:to-indigo-200:hover { + --gradient-to-color: #cddbfe; + } - .xl\:hover\:to-indigo-600:hover { - --gradient-to-color: #5850ec; - } + .xl\:dark\:hover\:to-indigo-300:hover { + --gradient-to-color: #b4c6fc; + } - .xl\:hover\:to-indigo-700:hover { - --gradient-to-color: #5145cd; - } + .xl\:dark\:hover\:to-indigo-400:hover { + --gradient-to-color: #8da2fb; + } - .xl\:hover\:to-indigo-800:hover { - --gradient-to-color: #42389d; - } + .xl\:dark\:hover\:to-indigo-500:hover { + --gradient-to-color: #6875f5; + } - .xl\:hover\:to-indigo-900:hover { - --gradient-to-color: #362f78; - } + .xl\:dark\:hover\:to-indigo-600:hover { + --gradient-to-color: #5850ec; + } - .xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f6f5ff; - } + .xl\:dark\:hover\:to-indigo-700:hover { + --gradient-to-color: #5145cd; + } - .xl\:hover\:to-purple-100:hover { - --gradient-to-color: #edebfe; - } + .xl\:dark\:hover\:to-indigo-800:hover { + --gradient-to-color: #42389d; + } - .xl\:hover\:to-purple-200:hover { - --gradient-to-color: #dcd7fe; - } + .xl\:dark\:hover\:to-indigo-900:hover { + --gradient-to-color: #362f78; + } - .xl\:hover\:to-purple-300:hover { - --gradient-to-color: #cabffd; - } + .xl\:dark\:hover\:to-purple-50:hover { + --gradient-to-color: #f6f5ff; + } - .xl\:hover\:to-purple-400:hover { - --gradient-to-color: #ac94fa; - } + .xl\:dark\:hover\:to-purple-100:hover { + --gradient-to-color: #edebfe; + } - .xl\:hover\:to-purple-500:hover { - --gradient-to-color: #9061f9; - } + .xl\:dark\:hover\:to-purple-200:hover { + --gradient-to-color: #dcd7fe; + } - .xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7e3af2; - } + .xl\:dark\:hover\:to-purple-300:hover { + --gradient-to-color: #cabffd; + } - .xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6c2bd9; - } + .xl\:dark\:hover\:to-purple-400:hover { + --gradient-to-color: #ac94fa; + } - .xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5521b5; - } + .xl\:dark\:hover\:to-purple-500:hover { + --gradient-to-color: #9061f9; + } - .xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4a1d96; - } + .xl\:dark\:hover\:to-purple-600:hover { + --gradient-to-color: #7e3af2; + } - .xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .xl\:dark\:hover\:to-purple-700:hover { + --gradient-to-color: #6c2bd9; + } - .xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce8f3; - } + .xl\:dark\:hover\:to-purple-800:hover { + --gradient-to-color: #5521b5; + } - .xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fad1e8; - } + .xl\:dark\:hover\:to-purple-900:hover { + --gradient-to-color: #4a1d96; + } - .xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f8b4d9; - } + .xl\:dark\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f17eb8; - } + .xl\:dark\:hover\:to-pink-100:hover { + --gradient-to-color: #fce8f3; + } - .xl\:hover\:to-pink-500:hover { - --gradient-to-color: #e74694; - } + .xl\:dark\:hover\:to-pink-200:hover { + --gradient-to-color: #fad1e8; + } - .xl\:hover\:to-pink-600:hover { - --gradient-to-color: #d61f69; - } + .xl\:dark\:hover\:to-pink-300:hover { + --gradient-to-color: #f8b4d9; + } - .xl\:hover\:to-pink-700:hover { - --gradient-to-color: #bf125d; - } + .xl\:dark\:hover\:to-pink-400:hover { + --gradient-to-color: #f17eb8; + } - .xl\:hover\:to-pink-800:hover { - --gradient-to-color: #99154b; - } + .xl\:dark\:hover\:to-pink-500:hover { + --gradient-to-color: #e74694; + } - .xl\:hover\:to-pink-900:hover { - --gradient-to-color: #751a3d; - } + .xl\:dark\:hover\:to-pink-600:hover { + --gradient-to-color: #d61f69; + } - .xl\:focus\:from-transparent:focus { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:hover\:to-pink-700:hover { + --gradient-to-color: #bf125d; + } - .xl\:focus\:from-current:focus { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:hover\:to-pink-800:hover { + --gradient-to-color: #99154b; + } - .xl\:focus\:from-black:focus { - --gradient-from-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:hover\:to-pink-900:hover { + --gradient-to-color: #751a3d; + } - .xl\:focus\:from-white:focus { - --gradient-from-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:focus\:from-gray-50:focus { - --gradient-from-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); - } + .xl\:dark\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); - } + .xl\:dark\:focus\:from-black:focus { + --gradient-from-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:focus\:from-gray-200:focus { - --gradient-from-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); - } + .xl\:dark\:focus\:from-white:focus { + --gradient-from-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:focus\:from-gray-300:focus { - --gradient-from-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); - } + .xl\:dark\:focus\:from-gray-50:focus { + --gradient-from-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .xl\:focus\:from-gray-400:focus { - --gradient-from-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); - } + .xl\:dark\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .xl\:focus\:from-gray-500:focus { - --gradient-from-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); - } + .xl\:dark\:focus\:from-gray-200:focus { + --gradient-from-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .xl\:focus\:from-gray-600:focus { - --gradient-from-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); - } + .xl\:dark\:focus\:from-gray-300:focus { + --gradient-from-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .xl\:focus\:from-gray-700:focus { - --gradient-from-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); - } + .xl\:dark\:focus\:from-gray-400:focus { + --gradient-from-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .xl\:focus\:from-gray-800:focus { - --gradient-from-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); - } + .xl\:dark\:focus\:from-gray-500:focus { + --gradient-from-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .xl\:focus\:from-gray-900:focus { - --gradient-from-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); - } + .xl\:dark\:focus\:from-gray-600:focus { + --gradient-from-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .xl\:focus\:from-red-50:focus { - --gradient-from-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); - } + .xl\:dark\:focus\:from-gray-700:focus { + --gradient-from-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .xl\:focus\:from-red-100:focus { - --gradient-from-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); - } + .xl\:dark\:focus\:from-gray-800:focus { + --gradient-from-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .xl\:focus\:from-red-200:focus { - --gradient-from-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); - } + .xl\:dark\:focus\:from-gray-900:focus { + --gradient-from-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .xl\:focus\:from-red-300:focus { - --gradient-from-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); - } + .xl\:dark\:focus\:from-red-50:focus { + --gradient-from-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .xl\:focus\:from-red-400:focus { - --gradient-from-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); - } + .xl\:dark\:focus\:from-red-100:focus { + --gradient-from-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .xl\:focus\:from-red-500:focus { - --gradient-from-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); - } + .xl\:dark\:focus\:from-red-200:focus { + --gradient-from-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .xl\:focus\:from-red-600:focus { - --gradient-from-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); - } + .xl\:dark\:focus\:from-red-300:focus { + --gradient-from-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .xl\:focus\:from-red-700:focus { - --gradient-from-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); - } + .xl\:dark\:focus\:from-red-400:focus { + --gradient-from-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .xl\:focus\:from-red-800:focus { - --gradient-from-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); - } + .xl\:dark\:focus\:from-red-500:focus { + --gradient-from-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .xl\:focus\:from-red-900:focus { - --gradient-from-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); - } + .xl\:dark\:focus\:from-red-600:focus { + --gradient-from-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .xl\:focus\:from-orange-50:focus { - --gradient-from-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); - } + .xl\:dark\:focus\:from-red-700:focus { + --gradient-from-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .xl\:focus\:from-orange-100:focus { - --gradient-from-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); - } + .xl\:dark\:focus\:from-red-800:focus { + --gradient-from-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .xl\:focus\:from-orange-200:focus { - --gradient-from-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); - } + .xl\:dark\:focus\:from-red-900:focus { + --gradient-from-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .xl\:focus\:from-orange-300:focus { - --gradient-from-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); - } + .xl\:dark\:focus\:from-orange-50:focus { + --gradient-from-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .xl\:focus\:from-orange-400:focus { - --gradient-from-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); - } + .xl\:dark\:focus\:from-orange-100:focus { + --gradient-from-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .xl\:focus\:from-orange-500:focus { - --gradient-from-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); - } + .xl\:dark\:focus\:from-orange-200:focus { + --gradient-from-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .xl\:focus\:from-orange-600:focus { - --gradient-from-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); - } + .xl\:dark\:focus\:from-orange-300:focus { + --gradient-from-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .xl\:focus\:from-orange-700:focus { - --gradient-from-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); - } + .xl\:dark\:focus\:from-orange-400:focus { + --gradient-from-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .xl\:focus\:from-orange-800:focus { - --gradient-from-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); - } + .xl\:dark\:focus\:from-orange-500:focus { + --gradient-from-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .xl\:focus\:from-orange-900:focus { - --gradient-from-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); - } + .xl\:dark\:focus\:from-orange-600:focus { + --gradient-from-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .xl\:focus\:from-yellow-50:focus { - --gradient-from-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); - } + .xl\:dark\:focus\:from-orange-700:focus { + --gradient-from-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .xl\:focus\:from-yellow-100:focus { - --gradient-from-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); - } + .xl\:dark\:focus\:from-orange-800:focus { + --gradient-from-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .xl\:focus\:from-yellow-200:focus { - --gradient-from-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); - } + .xl\:dark\:focus\:from-orange-900:focus { + --gradient-from-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .xl\:focus\:from-yellow-300:focus { - --gradient-from-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); - } + .xl\:dark\:focus\:from-yellow-50:focus { + --gradient-from-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .xl\:focus\:from-yellow-400:focus { - --gradient-from-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); - } + .xl\:dark\:focus\:from-yellow-100:focus { + --gradient-from-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .xl\:focus\:from-yellow-500:focus { - --gradient-from-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); - } + .xl\:dark\:focus\:from-yellow-200:focus { + --gradient-from-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .xl\:focus\:from-yellow-600:focus { - --gradient-from-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); - } + .xl\:dark\:focus\:from-yellow-300:focus { + --gradient-from-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .xl\:focus\:from-yellow-700:focus { - --gradient-from-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); - } + .xl\:dark\:focus\:from-yellow-400:focus { + --gradient-from-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .xl\:focus\:from-yellow-800:focus { - --gradient-from-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); - } + .xl\:dark\:focus\:from-yellow-500:focus { + --gradient-from-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .xl\:focus\:from-yellow-900:focus { - --gradient-from-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); - } + .xl\:dark\:focus\:from-yellow-600:focus { + --gradient-from-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .xl\:focus\:from-green-50:focus { - --gradient-from-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); - } + .xl\:dark\:focus\:from-yellow-700:focus { + --gradient-from-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .xl\:focus\:from-green-100:focus { - --gradient-from-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); - } + .xl\:dark\:focus\:from-yellow-800:focus { + --gradient-from-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .xl\:focus\:from-green-200:focus { - --gradient-from-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); - } + .xl\:dark\:focus\:from-yellow-900:focus { + --gradient-from-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .xl\:focus\:from-green-300:focus { - --gradient-from-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); - } + .xl\:dark\:focus\:from-green-50:focus { + --gradient-from-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .xl\:focus\:from-green-400:focus { - --gradient-from-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); - } + .xl\:dark\:focus\:from-green-100:focus { + --gradient-from-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .xl\:focus\:from-green-500:focus { - --gradient-from-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); - } + .xl\:dark\:focus\:from-green-200:focus { + --gradient-from-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .xl\:focus\:from-green-600:focus { - --gradient-from-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); - } + .xl\:dark\:focus\:from-green-300:focus { + --gradient-from-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .xl\:focus\:from-green-700:focus { - --gradient-from-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); - } + .xl\:dark\:focus\:from-green-400:focus { + --gradient-from-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .xl\:focus\:from-green-800:focus { - --gradient-from-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); - } + .xl\:dark\:focus\:from-green-500:focus { + --gradient-from-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .xl\:focus\:from-green-900:focus { - --gradient-from-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); - } + .xl\:dark\:focus\:from-green-600:focus { + --gradient-from-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .xl\:focus\:from-teal-50:focus { - --gradient-from-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); - } + .xl\:dark\:focus\:from-green-700:focus { + --gradient-from-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .xl\:focus\:from-teal-100:focus { - --gradient-from-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); - } + .xl\:dark\:focus\:from-green-800:focus { + --gradient-from-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .xl\:focus\:from-teal-200:focus { - --gradient-from-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); - } + .xl\:dark\:focus\:from-green-900:focus { + --gradient-from-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .xl\:focus\:from-teal-300:focus { - --gradient-from-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); - } + .xl\:dark\:focus\:from-teal-50:focus { + --gradient-from-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .xl\:focus\:from-teal-400:focus { - --gradient-from-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); - } + .xl\:dark\:focus\:from-teal-100:focus { + --gradient-from-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .xl\:focus\:from-teal-500:focus { - --gradient-from-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); - } + .xl\:dark\:focus\:from-teal-200:focus { + --gradient-from-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .xl\:focus\:from-teal-600:focus { - --gradient-from-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); - } + .xl\:dark\:focus\:from-teal-300:focus { + --gradient-from-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .xl\:focus\:from-teal-700:focus { - --gradient-from-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); - } + .xl\:dark\:focus\:from-teal-400:focus { + --gradient-from-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .xl\:focus\:from-teal-800:focus { - --gradient-from-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); - } + .xl\:dark\:focus\:from-teal-500:focus { + --gradient-from-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .xl\:focus\:from-teal-900:focus { - --gradient-from-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); - } + .xl\:dark\:focus\:from-teal-600:focus { + --gradient-from-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .xl\:focus\:from-blue-50:focus { - --gradient-from-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); - } + .xl\:dark\:focus\:from-teal-700:focus { + --gradient-from-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .xl\:focus\:from-blue-100:focus { - --gradient-from-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); - } + .xl\:dark\:focus\:from-teal-800:focus { + --gradient-from-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .xl\:focus\:from-blue-200:focus { - --gradient-from-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); - } + .xl\:dark\:focus\:from-teal-900:focus { + --gradient-from-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .xl\:focus\:from-blue-300:focus { - --gradient-from-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); - } + .xl\:dark\:focus\:from-blue-50:focus { + --gradient-from-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .xl\:focus\:from-blue-400:focus { - --gradient-from-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); - } + .xl\:dark\:focus\:from-blue-100:focus { + --gradient-from-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .xl\:focus\:from-blue-500:focus { - --gradient-from-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); - } + .xl\:dark\:focus\:from-blue-200:focus { + --gradient-from-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .xl\:focus\:from-blue-600:focus { - --gradient-from-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); - } + .xl\:dark\:focus\:from-blue-300:focus { + --gradient-from-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .xl\:focus\:from-blue-700:focus { - --gradient-from-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); - } + .xl\:dark\:focus\:from-blue-400:focus { + --gradient-from-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .xl\:focus\:from-blue-800:focus { - --gradient-from-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); - } + .xl\:dark\:focus\:from-blue-500:focus { + --gradient-from-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .xl\:focus\:from-blue-900:focus { - --gradient-from-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); - } + .xl\:dark\:focus\:from-blue-600:focus { + --gradient-from-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .xl\:focus\:from-indigo-50:focus { - --gradient-from-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); - } + .xl\:dark\:focus\:from-blue-700:focus { + --gradient-from-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .xl\:focus\:from-indigo-100:focus { - --gradient-from-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); - } + .xl\:dark\:focus\:from-blue-800:focus { + --gradient-from-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .xl\:focus\:from-indigo-200:focus { - --gradient-from-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); - } + .xl\:dark\:focus\:from-blue-900:focus { + --gradient-from-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .xl\:focus\:from-indigo-300:focus { - --gradient-from-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); - } + .xl\:dark\:focus\:from-indigo-50:focus { + --gradient-from-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .xl\:focus\:from-indigo-400:focus { - --gradient-from-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); - } + .xl\:dark\:focus\:from-indigo-100:focus { + --gradient-from-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .xl\:focus\:from-indigo-500:focus { - --gradient-from-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); - } + .xl\:dark\:focus\:from-indigo-200:focus { + --gradient-from-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .xl\:focus\:from-indigo-600:focus { - --gradient-from-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); - } + .xl\:dark\:focus\:from-indigo-300:focus { + --gradient-from-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .xl\:focus\:from-indigo-700:focus { - --gradient-from-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); - } + .xl\:dark\:focus\:from-indigo-400:focus { + --gradient-from-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .xl\:focus\:from-indigo-800:focus { - --gradient-from-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); - } + .xl\:dark\:focus\:from-indigo-500:focus { + --gradient-from-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .xl\:focus\:from-indigo-900:focus { - --gradient-from-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); - } + .xl\:dark\:focus\:from-indigo-600:focus { + --gradient-from-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .xl\:focus\:from-purple-50:focus { - --gradient-from-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); - } + .xl\:dark\:focus\:from-indigo-700:focus { + --gradient-from-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .xl\:focus\:from-purple-100:focus { - --gradient-from-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); - } + .xl\:dark\:focus\:from-indigo-800:focus { + --gradient-from-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .xl\:focus\:from-purple-200:focus { - --gradient-from-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); - } + .xl\:dark\:focus\:from-indigo-900:focus { + --gradient-from-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } + + .xl\:dark\:focus\:from-purple-50:focus { + --gradient-from-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .xl\:focus\:from-purple-300:focus { - --gradient-from-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); - } + .xl\:dark\:focus\:from-purple-100:focus { + --gradient-from-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .xl\:focus\:from-purple-400:focus { - --gradient-from-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); - } + .xl\:dark\:focus\:from-purple-200:focus { + --gradient-from-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .xl\:focus\:from-purple-500:focus { - --gradient-from-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); - } + .xl\:dark\:focus\:from-purple-300:focus { + --gradient-from-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .xl\:focus\:from-purple-600:focus { - --gradient-from-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); - } + .xl\:dark\:focus\:from-purple-400:focus { + --gradient-from-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .xl\:focus\:from-purple-700:focus { - --gradient-from-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); - } + .xl\:dark\:focus\:from-purple-500:focus { + --gradient-from-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .xl\:focus\:from-purple-800:focus { - --gradient-from-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); - } + .xl\:dark\:focus\:from-purple-600:focus { + --gradient-from-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .xl\:focus\:from-purple-900:focus { - --gradient-from-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); - } + .xl\:dark\:focus\:from-purple-700:focus { + --gradient-from-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .xl\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } + .xl\:dark\:focus\:from-purple-800:focus { + --gradient-from-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .xl\:focus\:from-pink-100:focus { - --gradient-from-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); - } + .xl\:dark\:focus\:from-purple-900:focus { + --gradient-from-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .xl\:focus\:from-pink-200:focus { - --gradient-from-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); - } + .xl\:dark\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .xl\:focus\:from-pink-300:focus { - --gradient-from-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); - } + .xl\:dark\:focus\:from-pink-100:focus { + --gradient-from-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .xl\:focus\:from-pink-400:focus { - --gradient-from-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); - } + .xl\:dark\:focus\:from-pink-200:focus { + --gradient-from-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .xl\:focus\:from-pink-500:focus { - --gradient-from-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); - } + .xl\:dark\:focus\:from-pink-300:focus { + --gradient-from-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .xl\:focus\:from-pink-600:focus { - --gradient-from-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); - } + .xl\:dark\:focus\:from-pink-400:focus { + --gradient-from-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .xl\:focus\:from-pink-700:focus { - --gradient-from-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); - } + .xl\:dark\:focus\:from-pink-500:focus { + --gradient-from-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .xl\:focus\:from-pink-800:focus { - --gradient-from-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); - } + .xl\:dark\:focus\:from-pink-600:focus { + --gradient-from-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .xl\:focus\:from-pink-900:focus { - --gradient-from-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); - } + .xl\:dark\:focus\:from-pink-700:focus { + --gradient-from-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .xl\:focus\:via-transparent:focus { - --gradient-via-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:focus\:from-pink-800:focus { + --gradient-from-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .xl\:focus\:via-current:focus { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:focus\:from-pink-900:focus { + --gradient-from-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .xl\:focus\:via-black:focus { - --gradient-via-color: #000000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .xl\:dark\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:focus\:via-white:focus { - --gradient-via-color: #ffffff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .xl\:dark\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:focus\:via-gray-50:focus { - --gradient-via-color: #f9fafb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); - } + .xl\:dark\:focus\:via-black:focus { + --gradient-via-color: #000000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .xl\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f5f7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); - } + .xl\:dark\:focus\:via-white:focus { + --gradient-via-color: #ffffff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .xl\:focus\:via-gray-200:focus { - --gradient-via-color: #e5e7eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); - } + .xl\:dark\:focus\:via-gray-50:focus { + --gradient-via-color: #f9fafb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0)); + } - .xl\:focus\:via-gray-300:focus { - --gradient-via-color: #d2d6dc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); - } + .xl\:dark\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f5f7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0)); + } - .xl\:focus\:via-gray-400:focus { - --gradient-via-color: #9fa6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); - } + .xl\:dark\:focus\:via-gray-200:focus { + --gradient-via-color: #e5e7eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0)); + } - .xl\:focus\:via-gray-500:focus { - --gradient-via-color: #6b7280; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); - } + .xl\:dark\:focus\:via-gray-300:focus { + --gradient-via-color: #d2d6dc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0)); + } - .xl\:focus\:via-gray-600:focus { - --gradient-via-color: #4b5563; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); - } + .xl\:dark\:focus\:via-gray-400:focus { + --gradient-via-color: #9fa6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0)); + } - .xl\:focus\:via-gray-700:focus { - --gradient-via-color: #374151; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); - } + .xl\:dark\:focus\:via-gray-500:focus { + --gradient-via-color: #6b7280; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0)); + } - .xl\:focus\:via-gray-800:focus { - --gradient-via-color: #252f3f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); - } + .xl\:dark\:focus\:via-gray-600:focus { + --gradient-via-color: #4b5563; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0)); + } - .xl\:focus\:via-gray-900:focus { - --gradient-via-color: #161e2e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); - } + .xl\:dark\:focus\:via-gray-700:focus { + --gradient-via-color: #374151; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0)); + } - .xl\:focus\:via-red-50:focus { - --gradient-via-color: #fdf2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); - } + .xl\:dark\:focus\:via-gray-800:focus { + --gradient-via-color: #252f3f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0)); + } - .xl\:focus\:via-red-100:focus { - --gradient-via-color: #fde8e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); - } + .xl\:dark\:focus\:via-gray-900:focus { + --gradient-via-color: #161e2e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0)); + } - .xl\:focus\:via-red-200:focus { - --gradient-via-color: #fbd5d5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); - } + .xl\:dark\:focus\:via-red-50:focus { + --gradient-via-color: #fdf2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0)); + } - .xl\:focus\:via-red-300:focus { - --gradient-via-color: #f8b4b4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); - } + .xl\:dark\:focus\:via-red-100:focus { + --gradient-via-color: #fde8e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0)); + } - .xl\:focus\:via-red-400:focus { - --gradient-via-color: #f98080; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); - } + .xl\:dark\:focus\:via-red-200:focus { + --gradient-via-color: #fbd5d5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0)); + } - .xl\:focus\:via-red-500:focus { - --gradient-via-color: #f05252; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); - } + .xl\:dark\:focus\:via-red-300:focus { + --gradient-via-color: #f8b4b4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0)); + } - .xl\:focus\:via-red-600:focus { - --gradient-via-color: #e02424; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); - } + .xl\:dark\:focus\:via-red-400:focus { + --gradient-via-color: #f98080; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0)); + } - .xl\:focus\:via-red-700:focus { - --gradient-via-color: #c81e1e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); - } + .xl\:dark\:focus\:via-red-500:focus { + --gradient-via-color: #f05252; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0)); + } - .xl\:focus\:via-red-800:focus { - --gradient-via-color: #9b1c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); - } + .xl\:dark\:focus\:via-red-600:focus { + --gradient-via-color: #e02424; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0)); + } - .xl\:focus\:via-red-900:focus { - --gradient-via-color: #771d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); - } + .xl\:dark\:focus\:via-red-700:focus { + --gradient-via-color: #c81e1e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0)); + } - .xl\:focus\:via-orange-50:focus { - --gradient-via-color: #fff8f1; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); - } + .xl\:dark\:focus\:via-red-800:focus { + --gradient-via-color: #9b1c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0)); + } - .xl\:focus\:via-orange-100:focus { - --gradient-via-color: #feecdc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); - } + .xl\:dark\:focus\:via-red-900:focus { + --gradient-via-color: #771d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0)); + } - .xl\:focus\:via-orange-200:focus { - --gradient-via-color: #fcd9bd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); - } + .xl\:dark\:focus\:via-orange-50:focus { + --gradient-via-color: #fff8f1; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0)); + } - .xl\:focus\:via-orange-300:focus { - --gradient-via-color: #fdba8c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); - } + .xl\:dark\:focus\:via-orange-100:focus { + --gradient-via-color: #feecdc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0)); + } - .xl\:focus\:via-orange-400:focus { - --gradient-via-color: #ff8a4c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); - } + .xl\:dark\:focus\:via-orange-200:focus { + --gradient-via-color: #fcd9bd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0)); + } - .xl\:focus\:via-orange-500:focus { - --gradient-via-color: #ff5a1f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); - } + .xl\:dark\:focus\:via-orange-300:focus { + --gradient-via-color: #fdba8c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0)); + } - .xl\:focus\:via-orange-600:focus { - --gradient-via-color: #d03801; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); - } + .xl\:dark\:focus\:via-orange-400:focus { + --gradient-via-color: #ff8a4c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0)); + } - .xl\:focus\:via-orange-700:focus { - --gradient-via-color: #b43403; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); - } + .xl\:dark\:focus\:via-orange-500:focus { + --gradient-via-color: #ff5a1f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0)); + } - .xl\:focus\:via-orange-800:focus { - --gradient-via-color: #8a2c0d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); - } + .xl\:dark\:focus\:via-orange-600:focus { + --gradient-via-color: #d03801; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0)); + } - .xl\:focus\:via-orange-900:focus { - --gradient-via-color: #73230d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); - } + .xl\:dark\:focus\:via-orange-700:focus { + --gradient-via-color: #b43403; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0)); + } - .xl\:focus\:via-yellow-50:focus { - --gradient-via-color: #fdfdea; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); - } + .xl\:dark\:focus\:via-orange-800:focus { + --gradient-via-color: #8a2c0d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0)); + } - .xl\:focus\:via-yellow-100:focus { - --gradient-via-color: #fdf6b2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); - } + .xl\:dark\:focus\:via-orange-900:focus { + --gradient-via-color: #73230d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0)); + } - .xl\:focus\:via-yellow-200:focus { - --gradient-via-color: #fce96a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); - } + .xl\:dark\:focus\:via-yellow-50:focus { + --gradient-via-color: #fdfdea; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0)); + } - .xl\:focus\:via-yellow-300:focus { - --gradient-via-color: #faca15; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); - } + .xl\:dark\:focus\:via-yellow-100:focus { + --gradient-via-color: #fdf6b2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0)); + } - .xl\:focus\:via-yellow-400:focus { - --gradient-via-color: #e3a008; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); - } + .xl\:dark\:focus\:via-yellow-200:focus { + --gradient-via-color: #fce96a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0)); + } - .xl\:focus\:via-yellow-500:focus { - --gradient-via-color: #c27803; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); - } + .xl\:dark\:focus\:via-yellow-300:focus { + --gradient-via-color: #faca15; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0)); + } - .xl\:focus\:via-yellow-600:focus { - --gradient-via-color: #9f580a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); - } + .xl\:dark\:focus\:via-yellow-400:focus { + --gradient-via-color: #e3a008; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0)); + } - .xl\:focus\:via-yellow-700:focus { - --gradient-via-color: #8e4b10; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); - } + .xl\:dark\:focus\:via-yellow-500:focus { + --gradient-via-color: #c27803; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0)); + } - .xl\:focus\:via-yellow-800:focus { - --gradient-via-color: #723b13; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); - } + .xl\:dark\:focus\:via-yellow-600:focus { + --gradient-via-color: #9f580a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0)); + } - .xl\:focus\:via-yellow-900:focus { - --gradient-via-color: #633112; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); - } + .xl\:dark\:focus\:via-yellow-700:focus { + --gradient-via-color: #8e4b10; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0)); + } - .xl\:focus\:via-green-50:focus { - --gradient-via-color: #f3faf7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); - } + .xl\:dark\:focus\:via-yellow-800:focus { + --gradient-via-color: #723b13; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0)); + } - .xl\:focus\:via-green-100:focus { - --gradient-via-color: #def7ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); - } + .xl\:dark\:focus\:via-yellow-900:focus { + --gradient-via-color: #633112; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0)); + } - .xl\:focus\:via-green-200:focus { - --gradient-via-color: #bcf0da; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); - } + .xl\:dark\:focus\:via-green-50:focus { + --gradient-via-color: #f3faf7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0)); + } - .xl\:focus\:via-green-300:focus { - --gradient-via-color: #84e1bc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); - } + .xl\:dark\:focus\:via-green-100:focus { + --gradient-via-color: #def7ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0)); + } - .xl\:focus\:via-green-400:focus { - --gradient-via-color: #31c48d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); - } + .xl\:dark\:focus\:via-green-200:focus { + --gradient-via-color: #bcf0da; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0)); + } - .xl\:focus\:via-green-500:focus { - --gradient-via-color: #0e9f6e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); - } + .xl\:dark\:focus\:via-green-300:focus { + --gradient-via-color: #84e1bc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0)); + } - .xl\:focus\:via-green-600:focus { - --gradient-via-color: #057a55; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); - } + .xl\:dark\:focus\:via-green-400:focus { + --gradient-via-color: #31c48d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0)); + } - .xl\:focus\:via-green-700:focus { - --gradient-via-color: #046c4e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); - } + .xl\:dark\:focus\:via-green-500:focus { + --gradient-via-color: #0e9f6e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0)); + } - .xl\:focus\:via-green-800:focus { - --gradient-via-color: #03543f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); - } + .xl\:dark\:focus\:via-green-600:focus { + --gradient-via-color: #057a55; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0)); + } - .xl\:focus\:via-green-900:focus { - --gradient-via-color: #014737; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); - } + .xl\:dark\:focus\:via-green-700:focus { + --gradient-via-color: #046c4e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0)); + } - .xl\:focus\:via-teal-50:focus { - --gradient-via-color: #edfafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); - } + .xl\:dark\:focus\:via-green-800:focus { + --gradient-via-color: #03543f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0)); + } - .xl\:focus\:via-teal-100:focus { - --gradient-via-color: #d5f5f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); - } + .xl\:dark\:focus\:via-green-900:focus { + --gradient-via-color: #014737; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0)); + } - .xl\:focus\:via-teal-200:focus { - --gradient-via-color: #afecef; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); - } + .xl\:dark\:focus\:via-teal-50:focus { + --gradient-via-color: #edfafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0)); + } - .xl\:focus\:via-teal-300:focus { - --gradient-via-color: #7edce2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); - } + .xl\:dark\:focus\:via-teal-100:focus { + --gradient-via-color: #d5f5f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0)); + } - .xl\:focus\:via-teal-400:focus { - --gradient-via-color: #16bdca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); - } + .xl\:dark\:focus\:via-teal-200:focus { + --gradient-via-color: #afecef; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0)); + } - .xl\:focus\:via-teal-500:focus { - --gradient-via-color: #0694a2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); - } + .xl\:dark\:focus\:via-teal-300:focus { + --gradient-via-color: #7edce2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0)); + } - .xl\:focus\:via-teal-600:focus { - --gradient-via-color: #047481; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); - } + .xl\:dark\:focus\:via-teal-400:focus { + --gradient-via-color: #16bdca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0)); + } - .xl\:focus\:via-teal-700:focus { - --gradient-via-color: #036672; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); - } + .xl\:dark\:focus\:via-teal-500:focus { + --gradient-via-color: #0694a2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0)); + } - .xl\:focus\:via-teal-800:focus { - --gradient-via-color: #05505c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); - } + .xl\:dark\:focus\:via-teal-600:focus { + --gradient-via-color: #047481; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0)); + } - .xl\:focus\:via-teal-900:focus { - --gradient-via-color: #014451; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); - } + .xl\:dark\:focus\:via-teal-700:focus { + --gradient-via-color: #036672; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0)); + } - .xl\:focus\:via-blue-50:focus { - --gradient-via-color: #ebf5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); - } + .xl\:dark\:focus\:via-teal-800:focus { + --gradient-via-color: #05505c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0)); + } - .xl\:focus\:via-blue-100:focus { - --gradient-via-color: #e1effe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); - } + .xl\:dark\:focus\:via-teal-900:focus { + --gradient-via-color: #014451; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0)); + } - .xl\:focus\:via-blue-200:focus { - --gradient-via-color: #c3ddfd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); - } + .xl\:dark\:focus\:via-blue-50:focus { + --gradient-via-color: #ebf5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0)); + } - .xl\:focus\:via-blue-300:focus { - --gradient-via-color: #a4cafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); - } + .xl\:dark\:focus\:via-blue-100:focus { + --gradient-via-color: #e1effe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0)); + } - .xl\:focus\:via-blue-400:focus { - --gradient-via-color: #76a9fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); - } + .xl\:dark\:focus\:via-blue-200:focus { + --gradient-via-color: #c3ddfd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0)); + } - .xl\:focus\:via-blue-500:focus { - --gradient-via-color: #3f83f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); - } + .xl\:dark\:focus\:via-blue-300:focus { + --gradient-via-color: #a4cafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0)); + } - .xl\:focus\:via-blue-600:focus { - --gradient-via-color: #1c64f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); - } + .xl\:dark\:focus\:via-blue-400:focus { + --gradient-via-color: #76a9fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0)); + } - .xl\:focus\:via-blue-700:focus { - --gradient-via-color: #1a56db; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); - } + .xl\:dark\:focus\:via-blue-500:focus { + --gradient-via-color: #3f83f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0)); + } - .xl\:focus\:via-blue-800:focus { - --gradient-via-color: #1e429f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); - } + .xl\:dark\:focus\:via-blue-600:focus { + --gradient-via-color: #1c64f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0)); + } - .xl\:focus\:via-blue-900:focus { - --gradient-via-color: #233876; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); - } + .xl\:dark\:focus\:via-blue-700:focus { + --gradient-via-color: #1a56db; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0)); + } - .xl\:focus\:via-indigo-50:focus { - --gradient-via-color: #f0f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); - } + .xl\:dark\:focus\:via-blue-800:focus { + --gradient-via-color: #1e429f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0)); + } - .xl\:focus\:via-indigo-100:focus { - --gradient-via-color: #e5edff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); - } + .xl\:dark\:focus\:via-blue-900:focus { + --gradient-via-color: #233876; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0)); + } - .xl\:focus\:via-indigo-200:focus { - --gradient-via-color: #cddbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); - } + .xl\:dark\:focus\:via-indigo-50:focus { + --gradient-via-color: #f0f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0)); + } - .xl\:focus\:via-indigo-300:focus { - --gradient-via-color: #b4c6fc; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); - } + .xl\:dark\:focus\:via-indigo-100:focus { + --gradient-via-color: #e5edff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0)); + } - .xl\:focus\:via-indigo-400:focus { - --gradient-via-color: #8da2fb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); - } + .xl\:dark\:focus\:via-indigo-200:focus { + --gradient-via-color: #cddbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0)); + } - .xl\:focus\:via-indigo-500:focus { - --gradient-via-color: #6875f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); - } + .xl\:dark\:focus\:via-indigo-300:focus { + --gradient-via-color: #b4c6fc; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0)); + } - .xl\:focus\:via-indigo-600:focus { - --gradient-via-color: #5850ec; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); - } + .xl\:dark\:focus\:via-indigo-400:focus { + --gradient-via-color: #8da2fb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0)); + } - .xl\:focus\:via-indigo-700:focus { - --gradient-via-color: #5145cd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); - } + .xl\:dark\:focus\:via-indigo-500:focus { + --gradient-via-color: #6875f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0)); + } - .xl\:focus\:via-indigo-800:focus { - --gradient-via-color: #42389d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); - } + .xl\:dark\:focus\:via-indigo-600:focus { + --gradient-via-color: #5850ec; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0)); + } - .xl\:focus\:via-indigo-900:focus { - --gradient-via-color: #362f78; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); - } + .xl\:dark\:focus\:via-indigo-700:focus { + --gradient-via-color: #5145cd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0)); + } - .xl\:focus\:via-purple-50:focus { - --gradient-via-color: #f6f5ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); - } + .xl\:dark\:focus\:via-indigo-800:focus { + --gradient-via-color: #42389d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0)); + } - .xl\:focus\:via-purple-100:focus { - --gradient-via-color: #edebfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); - } + .xl\:dark\:focus\:via-indigo-900:focus { + --gradient-via-color: #362f78; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0)); + } - .xl\:focus\:via-purple-200:focus { - --gradient-via-color: #dcd7fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); - } + .xl\:dark\:focus\:via-purple-50:focus { + --gradient-via-color: #f6f5ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0)); + } - .xl\:focus\:via-purple-300:focus { - --gradient-via-color: #cabffd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); - } + .xl\:dark\:focus\:via-purple-100:focus { + --gradient-via-color: #edebfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0)); + } - .xl\:focus\:via-purple-400:focus { - --gradient-via-color: #ac94fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); - } + .xl\:dark\:focus\:via-purple-200:focus { + --gradient-via-color: #dcd7fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0)); + } - .xl\:focus\:via-purple-500:focus { - --gradient-via-color: #9061f9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); - } + .xl\:dark\:focus\:via-purple-300:focus { + --gradient-via-color: #cabffd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0)); + } - .xl\:focus\:via-purple-600:focus { - --gradient-via-color: #7e3af2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); - } + .xl\:dark\:focus\:via-purple-400:focus { + --gradient-via-color: #ac94fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0)); + } - .xl\:focus\:via-purple-700:focus { - --gradient-via-color: #6c2bd9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); - } + .xl\:dark\:focus\:via-purple-500:focus { + --gradient-via-color: #9061f9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0)); + } - .xl\:focus\:via-purple-800:focus { - --gradient-via-color: #5521b5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); - } + .xl\:dark\:focus\:via-purple-600:focus { + --gradient-via-color: #7e3af2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0)); + } - .xl\:focus\:via-purple-900:focus { - --gradient-via-color: #4a1d96; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); - } + .xl\:dark\:focus\:via-purple-700:focus { + --gradient-via-color: #6c2bd9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0)); + } - .xl\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } + .xl\:dark\:focus\:via-purple-800:focus { + --gradient-via-color: #5521b5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0)); + } - .xl\:focus\:via-pink-100:focus { - --gradient-via-color: #fce8f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); - } + .xl\:dark\:focus\:via-purple-900:focus { + --gradient-via-color: #4a1d96; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0)); + } - .xl\:focus\:via-pink-200:focus { - --gradient-via-color: #fad1e8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); - } + .xl\:dark\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + } - .xl\:focus\:via-pink-300:focus { - --gradient-via-color: #f8b4d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); - } + .xl\:dark\:focus\:via-pink-100:focus { + --gradient-via-color: #fce8f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0)); + } - .xl\:focus\:via-pink-400:focus { - --gradient-via-color: #f17eb8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); - } + .xl\:dark\:focus\:via-pink-200:focus { + --gradient-via-color: #fad1e8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0)); + } - .xl\:focus\:via-pink-500:focus { - --gradient-via-color: #e74694; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); - } + .xl\:dark\:focus\:via-pink-300:focus { + --gradient-via-color: #f8b4d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0)); + } - .xl\:focus\:via-pink-600:focus { - --gradient-via-color: #d61f69; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); - } + .xl\:dark\:focus\:via-pink-400:focus { + --gradient-via-color: #f17eb8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0)); + } - .xl\:focus\:via-pink-700:focus { - --gradient-via-color: #bf125d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); - } + .xl\:dark\:focus\:via-pink-500:focus { + --gradient-via-color: #e74694; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0)); + } - .xl\:focus\:via-pink-800:focus { - --gradient-via-color: #99154b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); - } + .xl\:dark\:focus\:via-pink-600:focus { + --gradient-via-color: #d61f69; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0)); + } - .xl\:focus\:via-pink-900:focus { - --gradient-via-color: #751a3d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); - } + .xl\:dark\:focus\:via-pink-700:focus { + --gradient-via-color: #bf125d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0)); + } - .xl\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .xl\:dark\:focus\:via-pink-800:focus { + --gradient-via-color: #99154b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0)); + } - .xl\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .xl\:dark\:focus\:via-pink-900:focus { + --gradient-via-color: #751a3d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0)); + } - .xl\:focus\:to-black:focus { - --gradient-to-color: #000000; - } + .xl\:dark\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .xl\:focus\:to-white:focus { - --gradient-to-color: #ffffff; - } + .xl\:dark\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .xl\:focus\:to-gray-50:focus { - --gradient-to-color: #f9fafb; - } + .xl\:dark\:focus\:to-black:focus { + --gradient-to-color: #000000; + } - .xl\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f5f7; - } + .xl\:dark\:focus\:to-white:focus { + --gradient-to-color: #ffffff; + } - .xl\:focus\:to-gray-200:focus { - --gradient-to-color: #e5e7eb; - } + .xl\:dark\:focus\:to-gray-50:focus { + --gradient-to-color: #f9fafb; + } - .xl\:focus\:to-gray-300:focus { - --gradient-to-color: #d2d6dc; - } + .xl\:dark\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f5f7; + } - .xl\:focus\:to-gray-400:focus { - --gradient-to-color: #9fa6b2; - } + .xl\:dark\:focus\:to-gray-200:focus { + --gradient-to-color: #e5e7eb; + } - .xl\:focus\:to-gray-500:focus { - --gradient-to-color: #6b7280; - } + .xl\:dark\:focus\:to-gray-300:focus { + --gradient-to-color: #d2d6dc; + } - .xl\:focus\:to-gray-600:focus { - --gradient-to-color: #4b5563; - } + .xl\:dark\:focus\:to-gray-400:focus { + --gradient-to-color: #9fa6b2; + } - .xl\:focus\:to-gray-700:focus { - --gradient-to-color: #374151; - } + .xl\:dark\:focus\:to-gray-500:focus { + --gradient-to-color: #6b7280; + } - .xl\:focus\:to-gray-800:focus { - --gradient-to-color: #252f3f; - } + .xl\:dark\:focus\:to-gray-600:focus { + --gradient-to-color: #4b5563; + } - .xl\:focus\:to-gray-900:focus { - --gradient-to-color: #161e2e; - } + .xl\:dark\:focus\:to-gray-700:focus { + --gradient-to-color: #374151; + } - .xl\:focus\:to-red-50:focus { - --gradient-to-color: #fdf2f2; - } + .xl\:dark\:focus\:to-gray-800:focus { + --gradient-to-color: #252f3f; + } - .xl\:focus\:to-red-100:focus { - --gradient-to-color: #fde8e8; - } + .xl\:dark\:focus\:to-gray-900:focus { + --gradient-to-color: #161e2e; + } - .xl\:focus\:to-red-200:focus { - --gradient-to-color: #fbd5d5; - } + .xl\:dark\:focus\:to-red-50:focus { + --gradient-to-color: #fdf2f2; + } - .xl\:focus\:to-red-300:focus { - --gradient-to-color: #f8b4b4; - } + .xl\:dark\:focus\:to-red-100:focus { + --gradient-to-color: #fde8e8; + } - .xl\:focus\:to-red-400:focus { - --gradient-to-color: #f98080; - } + .xl\:dark\:focus\:to-red-200:focus { + --gradient-to-color: #fbd5d5; + } - .xl\:focus\:to-red-500:focus { - --gradient-to-color: #f05252; - } + .xl\:dark\:focus\:to-red-300:focus { + --gradient-to-color: #f8b4b4; + } - .xl\:focus\:to-red-600:focus { - --gradient-to-color: #e02424; - } + .xl\:dark\:focus\:to-red-400:focus { + --gradient-to-color: #f98080; + } - .xl\:focus\:to-red-700:focus { - --gradient-to-color: #c81e1e; - } + .xl\:dark\:focus\:to-red-500:focus { + --gradient-to-color: #f05252; + } - .xl\:focus\:to-red-800:focus { - --gradient-to-color: #9b1c1c; - } + .xl\:dark\:focus\:to-red-600:focus { + --gradient-to-color: #e02424; + } - .xl\:focus\:to-red-900:focus { - --gradient-to-color: #771d1d; - } + .xl\:dark\:focus\:to-red-700:focus { + --gradient-to-color: #c81e1e; + } - .xl\:focus\:to-orange-50:focus { - --gradient-to-color: #fff8f1; - } + .xl\:dark\:focus\:to-red-800:focus { + --gradient-to-color: #9b1c1c; + } - .xl\:focus\:to-orange-100:focus { - --gradient-to-color: #feecdc; - } + .xl\:dark\:focus\:to-red-900:focus { + --gradient-to-color: #771d1d; + } - .xl\:focus\:to-orange-200:focus { - --gradient-to-color: #fcd9bd; - } + .xl\:dark\:focus\:to-orange-50:focus { + --gradient-to-color: #fff8f1; + } - .xl\:focus\:to-orange-300:focus { - --gradient-to-color: #fdba8c; - } + .xl\:dark\:focus\:to-orange-100:focus { + --gradient-to-color: #feecdc; + } - .xl\:focus\:to-orange-400:focus { - --gradient-to-color: #ff8a4c; - } + .xl\:dark\:focus\:to-orange-200:focus { + --gradient-to-color: #fcd9bd; + } - .xl\:focus\:to-orange-500:focus { - --gradient-to-color: #ff5a1f; - } + .xl\:dark\:focus\:to-orange-300:focus { + --gradient-to-color: #fdba8c; + } - .xl\:focus\:to-orange-600:focus { - --gradient-to-color: #d03801; - } + .xl\:dark\:focus\:to-orange-400:focus { + --gradient-to-color: #ff8a4c; + } - .xl\:focus\:to-orange-700:focus { - --gradient-to-color: #b43403; - } + .xl\:dark\:focus\:to-orange-500:focus { + --gradient-to-color: #ff5a1f; + } - .xl\:focus\:to-orange-800:focus { - --gradient-to-color: #8a2c0d; - } + .xl\:dark\:focus\:to-orange-600:focus { + --gradient-to-color: #d03801; + } - .xl\:focus\:to-orange-900:focus { - --gradient-to-color: #73230d; - } + .xl\:dark\:focus\:to-orange-700:focus { + --gradient-to-color: #b43403; + } - .xl\:focus\:to-yellow-50:focus { - --gradient-to-color: #fdfdea; - } + .xl\:dark\:focus\:to-orange-800:focus { + --gradient-to-color: #8a2c0d; + } - .xl\:focus\:to-yellow-100:focus { - --gradient-to-color: #fdf6b2; - } + .xl\:dark\:focus\:to-orange-900:focus { + --gradient-to-color: #73230d; + } - .xl\:focus\:to-yellow-200:focus { - --gradient-to-color: #fce96a; - } + .xl\:dark\:focus\:to-yellow-50:focus { + --gradient-to-color: #fdfdea; + } - .xl\:focus\:to-yellow-300:focus { - --gradient-to-color: #faca15; - } + .xl\:dark\:focus\:to-yellow-100:focus { + --gradient-to-color: #fdf6b2; + } - .xl\:focus\:to-yellow-400:focus { - --gradient-to-color: #e3a008; - } + .xl\:dark\:focus\:to-yellow-200:focus { + --gradient-to-color: #fce96a; + } - .xl\:focus\:to-yellow-500:focus { - --gradient-to-color: #c27803; - } + .xl\:dark\:focus\:to-yellow-300:focus { + --gradient-to-color: #faca15; + } - .xl\:focus\:to-yellow-600:focus { - --gradient-to-color: #9f580a; - } + .xl\:dark\:focus\:to-yellow-400:focus { + --gradient-to-color: #e3a008; + } - .xl\:focus\:to-yellow-700:focus { - --gradient-to-color: #8e4b10; - } + .xl\:dark\:focus\:to-yellow-500:focus { + --gradient-to-color: #c27803; + } - .xl\:focus\:to-yellow-800:focus { - --gradient-to-color: #723b13; - } + .xl\:dark\:focus\:to-yellow-600:focus { + --gradient-to-color: #9f580a; + } - .xl\:focus\:to-yellow-900:focus { - --gradient-to-color: #633112; - } + .xl\:dark\:focus\:to-yellow-700:focus { + --gradient-to-color: #8e4b10; + } - .xl\:focus\:to-green-50:focus { - --gradient-to-color: #f3faf7; - } + .xl\:dark\:focus\:to-yellow-800:focus { + --gradient-to-color: #723b13; + } - .xl\:focus\:to-green-100:focus { - --gradient-to-color: #def7ec; - } + .xl\:dark\:focus\:to-yellow-900:focus { + --gradient-to-color: #633112; + } - .xl\:focus\:to-green-200:focus { - --gradient-to-color: #bcf0da; - } + .xl\:dark\:focus\:to-green-50:focus { + --gradient-to-color: #f3faf7; + } - .xl\:focus\:to-green-300:focus { - --gradient-to-color: #84e1bc; - } + .xl\:dark\:focus\:to-green-100:focus { + --gradient-to-color: #def7ec; + } - .xl\:focus\:to-green-400:focus { - --gradient-to-color: #31c48d; - } + .xl\:dark\:focus\:to-green-200:focus { + --gradient-to-color: #bcf0da; + } - .xl\:focus\:to-green-500:focus { - --gradient-to-color: #0e9f6e; - } + .xl\:dark\:focus\:to-green-300:focus { + --gradient-to-color: #84e1bc; + } - .xl\:focus\:to-green-600:focus { - --gradient-to-color: #057a55; - } + .xl\:dark\:focus\:to-green-400:focus { + --gradient-to-color: #31c48d; + } - .xl\:focus\:to-green-700:focus { - --gradient-to-color: #046c4e; - } + .xl\:dark\:focus\:to-green-500:focus { + --gradient-to-color: #0e9f6e; + } - .xl\:focus\:to-green-800:focus { - --gradient-to-color: #03543f; - } + .xl\:dark\:focus\:to-green-600:focus { + --gradient-to-color: #057a55; + } - .xl\:focus\:to-green-900:focus { - --gradient-to-color: #014737; - } + .xl\:dark\:focus\:to-green-700:focus { + --gradient-to-color: #046c4e; + } - .xl\:focus\:to-teal-50:focus { - --gradient-to-color: #edfafa; - } + .xl\:dark\:focus\:to-green-800:focus { + --gradient-to-color: #03543f; + } - .xl\:focus\:to-teal-100:focus { - --gradient-to-color: #d5f5f6; - } + .xl\:dark\:focus\:to-green-900:focus { + --gradient-to-color: #014737; + } - .xl\:focus\:to-teal-200:focus { - --gradient-to-color: #afecef; - } + .xl\:dark\:focus\:to-teal-50:focus { + --gradient-to-color: #edfafa; + } - .xl\:focus\:to-teal-300:focus { - --gradient-to-color: #7edce2; - } + .xl\:dark\:focus\:to-teal-100:focus { + --gradient-to-color: #d5f5f6; + } - .xl\:focus\:to-teal-400:focus { - --gradient-to-color: #16bdca; - } + .xl\:dark\:focus\:to-teal-200:focus { + --gradient-to-color: #afecef; + } - .xl\:focus\:to-teal-500:focus { - --gradient-to-color: #0694a2; - } + .xl\:dark\:focus\:to-teal-300:focus { + --gradient-to-color: #7edce2; + } - .xl\:focus\:to-teal-600:focus { - --gradient-to-color: #047481; - } + .xl\:dark\:focus\:to-teal-400:focus { + --gradient-to-color: #16bdca; + } - .xl\:focus\:to-teal-700:focus { - --gradient-to-color: #036672; - } + .xl\:dark\:focus\:to-teal-500:focus { + --gradient-to-color: #0694a2; + } - .xl\:focus\:to-teal-800:focus { - --gradient-to-color: #05505c; - } + .xl\:dark\:focus\:to-teal-600:focus { + --gradient-to-color: #047481; + } - .xl\:focus\:to-teal-900:focus { - --gradient-to-color: #014451; - } + .xl\:dark\:focus\:to-teal-700:focus { + --gradient-to-color: #036672; + } - .xl\:focus\:to-blue-50:focus { - --gradient-to-color: #ebf5ff; - } + .xl\:dark\:focus\:to-teal-800:focus { + --gradient-to-color: #05505c; + } - .xl\:focus\:to-blue-100:focus { - --gradient-to-color: #e1effe; - } + .xl\:dark\:focus\:to-teal-900:focus { + --gradient-to-color: #014451; + } - .xl\:focus\:to-blue-200:focus { - --gradient-to-color: #c3ddfd; - } + .xl\:dark\:focus\:to-blue-50:focus { + --gradient-to-color: #ebf5ff; + } - .xl\:focus\:to-blue-300:focus { - --gradient-to-color: #a4cafe; - } + .xl\:dark\:focus\:to-blue-100:focus { + --gradient-to-color: #e1effe; + } - .xl\:focus\:to-blue-400:focus { - --gradient-to-color: #76a9fa; - } + .xl\:dark\:focus\:to-blue-200:focus { + --gradient-to-color: #c3ddfd; + } - .xl\:focus\:to-blue-500:focus { - --gradient-to-color: #3f83f8; - } + .xl\:dark\:focus\:to-blue-300:focus { + --gradient-to-color: #a4cafe; + } - .xl\:focus\:to-blue-600:focus { - --gradient-to-color: #1c64f2; - } + .xl\:dark\:focus\:to-blue-400:focus { + --gradient-to-color: #76a9fa; + } - .xl\:focus\:to-blue-700:focus { - --gradient-to-color: #1a56db; - } + .xl\:dark\:focus\:to-blue-500:focus { + --gradient-to-color: #3f83f8; + } - .xl\:focus\:to-blue-800:focus { - --gradient-to-color: #1e429f; - } + .xl\:dark\:focus\:to-blue-600:focus { + --gradient-to-color: #1c64f2; + } - .xl\:focus\:to-blue-900:focus { - --gradient-to-color: #233876; - } + .xl\:dark\:focus\:to-blue-700:focus { + --gradient-to-color: #1a56db; + } - .xl\:focus\:to-indigo-50:focus { - --gradient-to-color: #f0f5ff; - } + .xl\:dark\:focus\:to-blue-800:focus { + --gradient-to-color: #1e429f; + } - .xl\:focus\:to-indigo-100:focus { - --gradient-to-color: #e5edff; - } + .xl\:dark\:focus\:to-blue-900:focus { + --gradient-to-color: #233876; + } - .xl\:focus\:to-indigo-200:focus { - --gradient-to-color: #cddbfe; - } + .xl\:dark\:focus\:to-indigo-50:focus { + --gradient-to-color: #f0f5ff; + } - .xl\:focus\:to-indigo-300:focus { - --gradient-to-color: #b4c6fc; - } + .xl\:dark\:focus\:to-indigo-100:focus { + --gradient-to-color: #e5edff; + } - .xl\:focus\:to-indigo-400:focus { - --gradient-to-color: #8da2fb; - } + .xl\:dark\:focus\:to-indigo-200:focus { + --gradient-to-color: #cddbfe; + } - .xl\:focus\:to-indigo-500:focus { - --gradient-to-color: #6875f5; - } + .xl\:dark\:focus\:to-indigo-300:focus { + --gradient-to-color: #b4c6fc; + } - .xl\:focus\:to-indigo-600:focus { - --gradient-to-color: #5850ec; - } + .xl\:dark\:focus\:to-indigo-400:focus { + --gradient-to-color: #8da2fb; + } - .xl\:focus\:to-indigo-700:focus { - --gradient-to-color: #5145cd; - } + .xl\:dark\:focus\:to-indigo-500:focus { + --gradient-to-color: #6875f5; + } - .xl\:focus\:to-indigo-800:focus { - --gradient-to-color: #42389d; - } + .xl\:dark\:focus\:to-indigo-600:focus { + --gradient-to-color: #5850ec; + } - .xl\:focus\:to-indigo-900:focus { - --gradient-to-color: #362f78; - } + .xl\:dark\:focus\:to-indigo-700:focus { + --gradient-to-color: #5145cd; + } - .xl\:focus\:to-purple-50:focus { - --gradient-to-color: #f6f5ff; - } + .xl\:dark\:focus\:to-indigo-800:focus { + --gradient-to-color: #42389d; + } - .xl\:focus\:to-purple-100:focus { - --gradient-to-color: #edebfe; - } + .xl\:dark\:focus\:to-indigo-900:focus { + --gradient-to-color: #362f78; + } - .xl\:focus\:to-purple-200:focus { - --gradient-to-color: #dcd7fe; - } + .xl\:dark\:focus\:to-purple-50:focus { + --gradient-to-color: #f6f5ff; + } - .xl\:focus\:to-purple-300:focus { - --gradient-to-color: #cabffd; - } + .xl\:dark\:focus\:to-purple-100:focus { + --gradient-to-color: #edebfe; + } - .xl\:focus\:to-purple-400:focus { - --gradient-to-color: #ac94fa; - } + .xl\:dark\:focus\:to-purple-200:focus { + --gradient-to-color: #dcd7fe; + } - .xl\:focus\:to-purple-500:focus { - --gradient-to-color: #9061f9; - } + .xl\:dark\:focus\:to-purple-300:focus { + --gradient-to-color: #cabffd; + } - .xl\:focus\:to-purple-600:focus { - --gradient-to-color: #7e3af2; - } + .xl\:dark\:focus\:to-purple-400:focus { + --gradient-to-color: #ac94fa; + } - .xl\:focus\:to-purple-700:focus { - --gradient-to-color: #6c2bd9; - } + .xl\:dark\:focus\:to-purple-500:focus { + --gradient-to-color: #9061f9; + } - .xl\:focus\:to-purple-800:focus { - --gradient-to-color: #5521b5; - } + .xl\:dark\:focus\:to-purple-600:focus { + --gradient-to-color: #7e3af2; + } - .xl\:focus\:to-purple-900:focus { - --gradient-to-color: #4a1d96; - } + .xl\:dark\:focus\:to-purple-700:focus { + --gradient-to-color: #6c2bd9; + } - .xl\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .xl\:dark\:focus\:to-purple-800:focus { + --gradient-to-color: #5521b5; + } - .xl\:focus\:to-pink-100:focus { - --gradient-to-color: #fce8f3; - } + .xl\:dark\:focus\:to-purple-900:focus { + --gradient-to-color: #4a1d96; + } - .xl\:focus\:to-pink-200:focus { - --gradient-to-color: #fad1e8; - } + .xl\:dark\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .xl\:focus\:to-pink-300:focus { - --gradient-to-color: #f8b4d9; - } + .xl\:dark\:focus\:to-pink-100:focus { + --gradient-to-color: #fce8f3; + } - .xl\:focus\:to-pink-400:focus { - --gradient-to-color: #f17eb8; - } + .xl\:dark\:focus\:to-pink-200:focus { + --gradient-to-color: #fad1e8; + } - .xl\:focus\:to-pink-500:focus { - --gradient-to-color: #e74694; - } + .xl\:dark\:focus\:to-pink-300:focus { + --gradient-to-color: #f8b4d9; + } - .xl\:focus\:to-pink-600:focus { - --gradient-to-color: #d61f69; - } + .xl\:dark\:focus\:to-pink-400:focus { + --gradient-to-color: #f17eb8; + } - .xl\:focus\:to-pink-700:focus { - --gradient-to-color: #bf125d; - } + .xl\:dark\:focus\:to-pink-500:focus { + --gradient-to-color: #e74694; + } - .xl\:focus\:to-pink-800:focus { - --gradient-to-color: #99154b; - } + .xl\:dark\:focus\:to-pink-600:focus { + --gradient-to-color: #d61f69; + } - .xl\:focus\:to-pink-900:focus { - --gradient-to-color: #751a3d; + .xl\:dark\:focus\:to-pink-700:focus { + --gradient-to-color: #bf125d; + } + + .xl\:dark\:focus\:to-pink-800:focus { + --gradient-to-color: #99154b; + } + + .xl\:dark\:focus\:to-pink-900:focus { + --gradient-to-color: #751a3d; + } } .xl\:bg-opacity-0 { @@ -129201,6 +183335,1868 @@ video { border-color: rgba(117, 26, 61, var(--border-opacity)); } + @media (prefers-color-scheme: dark) { + .xl\:dark\:border-transparent { + border-color: transparent; + } + + .xl\:dark\:border-current { + border-color: currentColor; + } + + .xl\:dark\:border-black { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .xl\:dark\:border-white { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .xl\:dark\:border-gray-50 { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .xl\:dark\:border-gray-100 { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .xl\:dark\:border-gray-200 { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .xl\:dark\:border-gray-300 { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .xl\:dark\:border-gray-400 { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .xl\:dark\:border-gray-500 { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .xl\:dark\:border-gray-600 { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .xl\:dark\:border-gray-700 { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .xl\:dark\:border-gray-800 { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .xl\:dark\:border-gray-900 { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .xl\:dark\:border-red-50 { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .xl\:dark\:border-red-100 { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .xl\:dark\:border-red-200 { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .xl\:dark\:border-red-300 { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .xl\:dark\:border-red-400 { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .xl\:dark\:border-red-500 { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .xl\:dark\:border-red-600 { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .xl\:dark\:border-red-700 { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .xl\:dark\:border-red-800 { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .xl\:dark\:border-red-900 { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .xl\:dark\:border-orange-50 { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .xl\:dark\:border-orange-100 { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .xl\:dark\:border-orange-200 { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .xl\:dark\:border-orange-300 { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .xl\:dark\:border-orange-400 { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .xl\:dark\:border-orange-500 { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .xl\:dark\:border-orange-600 { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .xl\:dark\:border-orange-700 { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .xl\:dark\:border-orange-800 { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .xl\:dark\:border-orange-900 { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-50 { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-100 { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-200 { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-300 { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-400 { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-500 { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-600 { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-700 { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-800 { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .xl\:dark\:border-yellow-900 { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .xl\:dark\:border-green-50 { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .xl\:dark\:border-green-100 { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .xl\:dark\:border-green-200 { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .xl\:dark\:border-green-300 { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .xl\:dark\:border-green-400 { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .xl\:dark\:border-green-500 { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .xl\:dark\:border-green-600 { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .xl\:dark\:border-green-700 { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .xl\:dark\:border-green-800 { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .xl\:dark\:border-green-900 { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .xl\:dark\:border-teal-50 { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .xl\:dark\:border-teal-100 { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .xl\:dark\:border-teal-200 { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .xl\:dark\:border-teal-300 { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .xl\:dark\:border-teal-400 { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .xl\:dark\:border-teal-500 { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .xl\:dark\:border-teal-600 { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .xl\:dark\:border-teal-700 { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .xl\:dark\:border-teal-800 { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .xl\:dark\:border-teal-900 { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .xl\:dark\:border-blue-50 { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:border-blue-100 { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .xl\:dark\:border-blue-200 { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .xl\:dark\:border-blue-300 { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .xl\:dark\:border-blue-400 { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .xl\:dark\:border-blue-500 { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .xl\:dark\:border-blue-600 { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .xl\:dark\:border-blue-700 { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .xl\:dark\:border-blue-800 { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .xl\:dark\:border-blue-900 { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-50 { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-100 { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-200 { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-300 { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-400 { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-500 { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-600 { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-700 { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-800 { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .xl\:dark\:border-indigo-900 { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .xl\:dark\:border-purple-50 { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:border-purple-100 { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .xl\:dark\:border-purple-200 { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .xl\:dark\:border-purple-300 { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .xl\:dark\:border-purple-400 { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .xl\:dark\:border-purple-500 { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .xl\:dark\:border-purple-600 { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .xl\:dark\:border-purple-700 { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .xl\:dark\:border-purple-800 { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .xl\:dark\:border-purple-900 { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .xl\:dark\:border-pink-50 { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .xl\:dark\:border-pink-100 { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .xl\:dark\:border-pink-200 { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .xl\:dark\:border-pink-300 { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .xl\:dark\:border-pink-400 { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .xl\:dark\:border-pink-500 { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .xl\:dark\:border-pink-600 { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .xl\:dark\:border-pink-700 { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .xl\:dark\:border-pink-800 { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .xl\:dark\:border-pink-900 { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-transparent:hover { + border-color: transparent; + } + + .xl\:dark\:hover\:border-current:hover { + border-color: currentColor; + } + + .xl\:dark\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-50:hover { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-50:hover { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-50:hover { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .xl\:dark\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-transparent:focus { + border-color: transparent; + } + + .xl\:dark\:focus\:border-current:focus { + border-color: currentColor; + } + + .xl\:dark\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #ffffff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: #f9fafb; + border-color: rgba(249, 250, 251, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f4f5f7; + border-color: rgba(244, 245, 247, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #e5e7eb; + border-color: rgba(229, 231, 235, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #d2d6dc; + border-color: rgba(210, 214, 220, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #9fa6b2; + border-color: rgba(159, 166, 178, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #6b7280; + border-color: rgba(107, 114, 128, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #4b5563; + border-color: rgba(75, 85, 99, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #374151; + border-color: rgba(55, 65, 81, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #252f3f; + border-color: rgba(37, 47, 63, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #161e2e; + border-color: rgba(22, 30, 46, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: #fdf2f2; + border-color: rgba(253, 242, 242, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fde8e8; + border-color: rgba(253, 232, 232, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fbd5d5; + border-color: rgba(251, 213, 213, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #f8b4b4; + border-color: rgba(248, 180, 180, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #f98080; + border-color: rgba(249, 128, 128, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f05252; + border-color: rgba(240, 82, 82, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e02424; + border-color: rgba(224, 36, 36, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c81e1e; + border-color: rgba(200, 30, 30, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b1c1c; + border-color: rgba(155, 28, 28, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #771d1d; + border-color: rgba(119, 29, 29, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-50:focus { + --border-opacity: 1; + border-color: #fff8f1; + border-color: rgba(255, 248, 241, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #feecdc; + border-color: rgba(254, 236, 220, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #fcd9bd; + border-color: rgba(252, 217, 189, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fdba8c; + border-color: rgba(253, 186, 140, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #ff8a4c; + border-color: rgba(255, 138, 76, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ff5a1f; + border-color: rgba(255, 90, 31, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #d03801; + border-color: rgba(208, 56, 1, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #b43403; + border-color: rgba(180, 52, 3, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #8a2c0d; + border-color: rgba(138, 44, 13, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #73230d; + border-color: rgba(115, 35, 13, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: #fdfdea; + border-color: rgba(253, 253, 234, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fdf6b2; + border-color: rgba(253, 246, 178, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fce96a; + border-color: rgba(252, 233, 106, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faca15; + border-color: rgba(250, 202, 21, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #e3a008; + border-color: rgba(227, 160, 8, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #c27803; + border-color: rgba(194, 120, 3, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #9f580a; + border-color: rgba(159, 88, 10, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #8e4b10; + border-color: rgba(142, 75, 16, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #723b13; + border-color: rgba(114, 59, 19, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #633112; + border-color: rgba(99, 49, 18, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: #f3faf7; + border-color: rgba(243, 250, 247, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #def7ec; + border-color: rgba(222, 247, 236, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #bcf0da; + border-color: rgba(188, 240, 218, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #84e1bc; + border-color: rgba(132, 225, 188, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #31c48d; + border-color: rgba(49, 196, 141, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #0e9f6e; + border-color: rgba(14, 159, 110, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #057a55; + border-color: rgba(5, 122, 85, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #046c4e; + border-color: rgba(4, 108, 78, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #03543f; + border-color: rgba(3, 84, 63, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #014737; + border-color: rgba(1, 71, 55, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-50:focus { + --border-opacity: 1; + border-color: #edfafa; + border-color: rgba(237, 250, 250, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #d5f5f6; + border-color: rgba(213, 245, 246, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #afecef; + border-color: rgba(175, 236, 239, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #7edce2; + border-color: rgba(126, 220, 226, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #16bdca; + border-color: rgba(22, 189, 202, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #0694a2; + border-color: rgba(6, 148, 162, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #047481; + border-color: rgba(4, 116, 129, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #036672; + border-color: rgba(3, 102, 114, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #05505c; + border-color: rgba(5, 80, 92, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #014451; + border-color: rgba(1, 68, 81, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: #ebf5ff; + border-color: rgba(235, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #e1effe; + border-color: rgba(225, 239, 254, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #c3ddfd; + border-color: rgba(195, 221, 253, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #a4cafe; + border-color: rgba(164, 202, 254, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #76a9fa; + border-color: rgba(118, 169, 250, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #3f83f8; + border-color: rgba(63, 131, 248, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #1c64f2; + border-color: rgba(28, 100, 242, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #1a56db; + border-color: rgba(26, 86, 219, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #1e429f; + border-color: rgba(30, 66, 159, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #233876; + border-color: rgba(35, 56, 118, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-50:focus { + --border-opacity: 1; + border-color: #f0f5ff; + border-color: rgba(240, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #e5edff; + border-color: rgba(229, 237, 255, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #cddbfe; + border-color: rgba(205, 219, 254, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #b4c6fc; + border-color: rgba(180, 198, 252, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #8da2fb; + border-color: rgba(141, 162, 251, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #6875f5; + border-color: rgba(104, 117, 245, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5850ec; + border-color: rgba(88, 80, 236, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #5145cd; + border-color: rgba(81, 69, 205, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #42389d; + border-color: rgba(66, 56, 157, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #362f78; + border-color: rgba(54, 47, 120, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: #f6f5ff; + border-color: rgba(246, 245, 255, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #edebfe; + border-color: rgba(237, 235, 254, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #dcd7fe; + border-color: rgba(220, 215, 254, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #cabffd; + border-color: rgba(202, 191, 253, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #ac94fa; + border-color: rgba(172, 148, 250, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9061f9; + border-color: rgba(144, 97, 249, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #7e3af2; + border-color: rgba(126, 58, 242, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6c2bd9; + border-color: rgba(108, 43, 217, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #5521b5; + border-color: rgba(85, 33, 181, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #4a1d96; + border-color: rgba(74, 29, 150, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: #fdf2f8; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fce8f3; + border-color: rgba(252, 232, 243, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fad1e8; + border-color: rgba(250, 209, 232, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #f8b4d9; + border-color: rgba(248, 180, 217, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f17eb8; + border-color: rgba(241, 126, 184, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #e74694; + border-color: rgba(231, 70, 148, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d61f69; + border-color: rgba(214, 31, 105, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #bf125d; + border-color: rgba(191, 18, 93, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #99154b; + border-color: rgba(153, 21, 75, var(--border-opacity)); + } + + .xl\:dark\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #751a3d; + border-color: rgba(117, 26, 61, var(--border-opacity)); + } + } + .xl\:border-opacity-0 { --border-opacity: 0; } @@ -138080,6 +194076,1248 @@ video { color: rgba(117, 26, 61, var(--placeholder-opacity)); } + @media (prefers-color-scheme: dark) { + .xl\:dark\:placeholder-transparent::placeholder { + color: transparent; + } + + .xl\:dark\:placeholder-current::placeholder { + color: currentColor; + } + + .xl\:dark\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-50::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-50::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-50::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .xl\:dark\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } + + .xl\:dark\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + + .xl\:dark\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-50:focus::placeholder { + --placeholder-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--placeholder-opacity)); + } + + .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--placeholder-opacity)); + } + } + .xl\:placeholder-opacity-0::placeholder { --placeholder-opacity: 0; } @@ -142333,6 +199571,1868 @@ video { color: rgba(117, 26, 61, var(--text-opacity)); } + @media (prefers-color-scheme: dark) { + .xl\:dark\:text-transparent { + color: transparent; + } + + .xl\:dark\:text-current { + color: currentColor; + } + + .xl\:dark\:text-black { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .xl\:dark\:text-white { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .xl\:dark\:text-gray-50 { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .xl\:dark\:text-gray-100 { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .xl\:dark\:text-gray-200 { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .xl\:dark\:text-gray-300 { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .xl\:dark\:text-gray-400 { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .xl\:dark\:text-gray-500 { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .xl\:dark\:text-gray-600 { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .xl\:dark\:text-gray-700 { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .xl\:dark\:text-gray-800 { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .xl\:dark\:text-gray-900 { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .xl\:dark\:text-red-50 { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .xl\:dark\:text-red-100 { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .xl\:dark\:text-red-200 { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .xl\:dark\:text-red-300 { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .xl\:dark\:text-red-400 { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .xl\:dark\:text-red-500 { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .xl\:dark\:text-red-600 { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .xl\:dark\:text-red-700 { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .xl\:dark\:text-red-800 { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .xl\:dark\:text-red-900 { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .xl\:dark\:text-orange-50 { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .xl\:dark\:text-orange-100 { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .xl\:dark\:text-orange-200 { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .xl\:dark\:text-orange-300 { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .xl\:dark\:text-orange-400 { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .xl\:dark\:text-orange-500 { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .xl\:dark\:text-orange-600 { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .xl\:dark\:text-orange-700 { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .xl\:dark\:text-orange-800 { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .xl\:dark\:text-orange-900 { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-50 { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-100 { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-200 { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-300 { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-400 { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-500 { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-600 { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-700 { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-800 { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .xl\:dark\:text-yellow-900 { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .xl\:dark\:text-green-50 { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .xl\:dark\:text-green-100 { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .xl\:dark\:text-green-200 { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .xl\:dark\:text-green-300 { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .xl\:dark\:text-green-400 { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .xl\:dark\:text-green-500 { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .xl\:dark\:text-green-600 { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .xl\:dark\:text-green-700 { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .xl\:dark\:text-green-800 { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .xl\:dark\:text-green-900 { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .xl\:dark\:text-teal-50 { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .xl\:dark\:text-teal-100 { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .xl\:dark\:text-teal-200 { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .xl\:dark\:text-teal-300 { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .xl\:dark\:text-teal-400 { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .xl\:dark\:text-teal-500 { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .xl\:dark\:text-teal-600 { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .xl\:dark\:text-teal-700 { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .xl\:dark\:text-teal-800 { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .xl\:dark\:text-teal-900 { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .xl\:dark\:text-blue-50 { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:text-blue-100 { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .xl\:dark\:text-blue-200 { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .xl\:dark\:text-blue-300 { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .xl\:dark\:text-blue-400 { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .xl\:dark\:text-blue-500 { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .xl\:dark\:text-blue-600 { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .xl\:dark\:text-blue-700 { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .xl\:dark\:text-blue-800 { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .xl\:dark\:text-blue-900 { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-50 { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-100 { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-200 { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-300 { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-400 { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-500 { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-600 { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-700 { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-800 { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .xl\:dark\:text-indigo-900 { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .xl\:dark\:text-purple-50 { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:text-purple-100 { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .xl\:dark\:text-purple-200 { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .xl\:dark\:text-purple-300 { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .xl\:dark\:text-purple-400 { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .xl\:dark\:text-purple-500 { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .xl\:dark\:text-purple-600 { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .xl\:dark\:text-purple-700 { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .xl\:dark\:text-purple-800 { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .xl\:dark\:text-purple-900 { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .xl\:dark\:text-pink-50 { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .xl\:dark\:text-pink-100 { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .xl\:dark\:text-pink-200 { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .xl\:dark\:text-pink-300 { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .xl\:dark\:text-pink-400 { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .xl\:dark\:text-pink-500 { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .xl\:dark\:text-pink-600 { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .xl\:dark\:text-pink-700 { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .xl\:dark\:text-pink-800 { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .xl\:dark\:text-pink-900 { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-transparent:hover { + color: transparent; + } + + .xl\:dark\:hover\:text-current:hover { + color: currentColor; + } + + .xl\:dark\:hover\:text-black:hover { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-white:hover { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-50:hover { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-50:hover { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-50:hover { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-50:hover { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-50:hover { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .xl\:dark\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-transparent:focus { + color: transparent; + } + + .xl\:dark\:focus\:text-current:focus { + color: currentColor; + } + + .xl\:dark\:focus\:text-black:focus { + --text-opacity: 1; + color: #000000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-white:focus { + --text-opacity: 1; + color: #ffffff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: #f9fafb; + color: rgba(249, 250, 251, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f4f5f7; + color: rgba(244, 245, 247, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #e5e7eb; + color: rgba(229, 231, 235, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #d2d6dc; + color: rgba(210, 214, 220, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #9fa6b2; + color: rgba(159, 166, 178, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #6b7280; + color: rgba(107, 114, 128, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #4b5563; + color: rgba(75, 85, 99, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #374151; + color: rgba(55, 65, 81, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #252f3f; + color: rgba(37, 47, 63, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #161e2e; + color: rgba(22, 30, 46, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-50:focus { + --text-opacity: 1; + color: #fdf2f2; + color: rgba(253, 242, 242, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fde8e8; + color: rgba(253, 232, 232, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fbd5d5; + color: rgba(251, 213, 213, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #f8b4b4; + color: rgba(248, 180, 180, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #f98080; + color: rgba(249, 128, 128, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f05252; + color: rgba(240, 82, 82, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e02424; + color: rgba(224, 36, 36, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c81e1e; + color: rgba(200, 30, 30, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b1c1c; + color: rgba(155, 28, 28, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #771d1d; + color: rgba(119, 29, 29, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-50:focus { + --text-opacity: 1; + color: #fff8f1; + color: rgba(255, 248, 241, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #feecdc; + color: rgba(254, 236, 220, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #fcd9bd; + color: rgba(252, 217, 189, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fdba8c; + color: rgba(253, 186, 140, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #ff8a4c; + color: rgba(255, 138, 76, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ff5a1f; + color: rgba(255, 90, 31, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #d03801; + color: rgba(208, 56, 1, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #b43403; + color: rgba(180, 52, 3, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #8a2c0d; + color: rgba(138, 44, 13, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #73230d; + color: rgba(115, 35, 13, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: #fdfdea; + color: rgba(253, 253, 234, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fdf6b2; + color: rgba(253, 246, 178, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fce96a; + color: rgba(252, 233, 106, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faca15; + color: rgba(250, 202, 21, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #e3a008; + color: rgba(227, 160, 8, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #c27803; + color: rgba(194, 120, 3, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #9f580a; + color: rgba(159, 88, 10, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #8e4b10; + color: rgba(142, 75, 16, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #723b13; + color: rgba(114, 59, 19, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #633112; + color: rgba(99, 49, 18, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-50:focus { + --text-opacity: 1; + color: #f3faf7; + color: rgba(243, 250, 247, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #def7ec; + color: rgba(222, 247, 236, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #bcf0da; + color: rgba(188, 240, 218, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #84e1bc; + color: rgba(132, 225, 188, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #31c48d; + color: rgba(49, 196, 141, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #0e9f6e; + color: rgba(14, 159, 110, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #057a55; + color: rgba(5, 122, 85, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #046c4e; + color: rgba(4, 108, 78, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #03543f; + color: rgba(3, 84, 63, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #014737; + color: rgba(1, 71, 55, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-50:focus { + --text-opacity: 1; + color: #edfafa; + color: rgba(237, 250, 250, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #d5f5f6; + color: rgba(213, 245, 246, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #afecef; + color: rgba(175, 236, 239, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #7edce2; + color: rgba(126, 220, 226, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #16bdca; + color: rgba(22, 189, 202, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #0694a2; + color: rgba(6, 148, 162, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #047481; + color: rgba(4, 116, 129, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #036672; + color: rgba(3, 102, 114, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #05505c; + color: rgba(5, 80, 92, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #014451; + color: rgba(1, 68, 81, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: #ebf5ff; + color: rgba(235, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #e1effe; + color: rgba(225, 239, 254, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #c3ddfd; + color: rgba(195, 221, 253, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #a4cafe; + color: rgba(164, 202, 254, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #76a9fa; + color: rgba(118, 169, 250, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #3f83f8; + color: rgba(63, 131, 248, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #1c64f2; + color: rgba(28, 100, 242, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #1a56db; + color: rgba(26, 86, 219, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #1e429f; + color: rgba(30, 66, 159, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #233876; + color: rgba(35, 56, 118, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-50:focus { + --text-opacity: 1; + color: #f0f5ff; + color: rgba(240, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #e5edff; + color: rgba(229, 237, 255, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #cddbfe; + color: rgba(205, 219, 254, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #b4c6fc; + color: rgba(180, 198, 252, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #8da2fb; + color: rgba(141, 162, 251, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #6875f5; + color: rgba(104, 117, 245, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5850ec; + color: rgba(88, 80, 236, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #5145cd; + color: rgba(81, 69, 205, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #42389d; + color: rgba(66, 56, 157, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #362f78; + color: rgba(54, 47, 120, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: #f6f5ff; + color: rgba(246, 245, 255, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #edebfe; + color: rgba(237, 235, 254, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #dcd7fe; + color: rgba(220, 215, 254, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #cabffd; + color: rgba(202, 191, 253, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #ac94fa; + color: rgba(172, 148, 250, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9061f9; + color: rgba(144, 97, 249, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #7e3af2; + color: rgba(126, 58, 242, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6c2bd9; + color: rgba(108, 43, 217, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #5521b5; + color: rgba(85, 33, 181, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #4a1d96; + color: rgba(74, 29, 150, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: #fdf2f8; + color: rgba(253, 242, 248, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fce8f3; + color: rgba(252, 232, 243, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fad1e8; + color: rgba(250, 209, 232, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #f8b4d9; + color: rgba(248, 180, 217, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f17eb8; + color: rgba(241, 126, 184, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #e74694; + color: rgba(231, 70, 148, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d61f69; + color: rgba(214, 31, 105, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #bf125d; + color: rgba(191, 18, 93, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #99154b; + color: rgba(153, 21, 75, var(--text-opacity)); + } + + .xl\:dark\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #751a3d; + color: rgba(117, 26, 61, var(--text-opacity)); + } + } + .xl\:text-opacity-0 { --text-opacity: 0; } diff --git a/src/featureFlags.js b/src/featureFlags.js index e91c74732681..aee64d82e5d3 100644 --- a/src/featureFlags.js +++ b/src/featureFlags.js @@ -10,6 +10,7 @@ const featureFlags = { 'defaultLineHeights', 'extendedFontSizeScale', 'applyComplexClasses', + 'darkModeVariant', ], } diff --git a/src/flagged/darkModeVariant.js b/src/flagged/darkModeVariant.js new file mode 100644 index 000000000000..725e845d5f3a --- /dev/null +++ b/src/flagged/darkModeVariant.js @@ -0,0 +1,47 @@ +import selectorParser from 'postcss-selector-parser' +import buildSelectorVariant from '../util/buildSelectorVariant' +import defaultConfig from '../../defaultConfig' + +export default { + dark: 'media', + variants: { + backgroundColor: [...defaultConfig.variants.backgroundColor, 'dark'], + gradientColorStops: [...defaultConfig.variants.gradientColorStops, 'dark'], + borderColor: [...defaultConfig.variants.borderColor, 'dark'], + divideColor: [...defaultConfig.variants.divideColor, 'dark'], + placeholderColor: [...defaultConfig.variants.placeholderColor, 'dark'], + textColor: [...defaultConfig.variants.textColor, 'dark'], + }, + plugins: [ + function({ addVariant, config, postcss, prefix }) { + addVariant('dark', ({ container, separator, modifySelectors }) => { + if (config('dark') === 'media') { + const modified = modifySelectors(({ selector }) => { + return buildSelectorVariant(selector, 'dark', separator, message => { + throw container.error(message) + }) + }) + const mediaQuery = postcss.atRule({ + name: 'media', + params: '(prefers-color-scheme: dark)', + }) + mediaQuery.append(modified) + container.append(mediaQuery) + return container + } + + if (config('dark') === 'class') { + const parser = selectorParser(selectors => { + selectors.walkClasses(sel => { + sel.value = `dark${separator}${sel.value}` + sel.parent.insertBefore(sel, selectorParser().astSync(prefix('.dark '))) + }) + }) + return modifySelectors(({ selector }) => parser.processSync(selector)) + } + + throw new Error("The `dark` config option must be either 'media' or 'class'.") + }) + }, + ], +} diff --git a/src/index.js b/src/index.js index 73bc641c4529..4b4df6d2d414 100644 --- a/src/index.js +++ b/src/index.js @@ -17,6 +17,7 @@ import uniformColorPalette from './flagged/uniformColorPalette.js' import extendedSpacingScale from './flagged/extendedSpacingScale.js' import defaultLineHeights from './flagged/defaultLineHeights.js' import extendedFontSizeScale from './flagged/extendedFontSizeScale.js' +import darkModeVariant from './flagged/darkModeVariant' function getDefaultConfigs(config) { const configs = [defaultConfig] @@ -37,6 +38,10 @@ function getDefaultConfigs(config) { configs.unshift(extendedFontSizeScale) } + if (flagEnabled(config, 'darkModeVariant')) { + configs.unshift(darkModeVariant) + } + return configs } diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js index 68711c9de12d..2b2bdf78d05d 100644 --- a/src/lib/substituteVariantsAtRules.js +++ b/src/lib/substituteVariantsAtRules.js @@ -89,7 +89,7 @@ const defaultVariantGenerators = config => ({ }) function prependStackableVariants(atRule, variants) { - const stackableVariants = ['motion-safe', 'motion-reduce'] + const stackableVariants = ['dark', 'motion-safe', 'motion-reduce'] if (!_.some(variants, v => stackableVariants.includes(v))) { return variants